1: 遍历css 相关dom的值
<script type="text/javascript" src="/js/jquery/jquery-1.8.1.min.js"></script>
<a href="tiepian_add.jsp" title="创建贴片">
<button class="button orange1 medium">创建贴片</button>
</a>
<a href="tiepian_list.jsp" title="贴片列表">
<button class="button orange2 medium">贴片列表</button>
</a>
<a href="tiepian_fabu.jsp" title="已经发布的微信号">
<button class="button orange medium">发布通知</button>
</a>
<script type="text/javascript">
$(".button").each(function(index,dom){
if(index==1){
$(this).toggleClass("orange", false);
$(this).toggleClass("white", true);
}else{
$(this).toggleClass("orange", true);
$(this).toggleClass("white", false);
}
})
</script>
实现效果:
分享到:
相关推荐
**jQuery+CSS流程图插件详解** 在网页开发中,流程图是一种常见且重要的可视化工具,用于展示逻辑步骤或工作流程。"jQuery+css 实现的单分支流程图插件"是一个利用JavaScript库jQuery和CSS样式来创建简单、动态流程...
《iQuery JavaScript与CSS开发入门经典》包含极富帮助的指南和紧贴实际的练习,使读者能在实际中轻松驾驭iQuery,并收到事半功倍的神奇效果。 内容简介 本书浓墨重彩地描述iQuery的API及iQuery框架的所有基础知识,...
jquery css
jQuery+CSS3做出IOS解锁屏幕特效.rar jQuery+CSS3做出IOS解锁屏幕特效.rar jQuery+CSS3做出IOS解锁屏幕特效.rar jQuery+CSS3做出IOS解锁屏幕特效.rar jQuery+CSS3做出IOS解锁屏幕特效.rar jQuery+CSS3做出IOS解锁...
jQuery+CSS3实现动画相册代码.rar jQuery+CSS3实现动画相册代码.rar jQuery+CSS3实现动画相册代码.rar jQuery+CSS3实现动画相册代码.rar jQuery+CSS3实现动画相册代码.rar jQuery+CSS3实现动画相册代码.rar jQuery+...
3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery...
10个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css3
**jQuery和CSS3侧边栏滑动显示相关文章插件详解** 在网页设计中,提供相关的文章推荐可以增强用户体验,帮助用户发现更多感兴趣的内容。这款jQuery和CSS3结合的侧边栏滑动显示相关文章插件就是为此目的而设计的。它...
在本项目中,“jQuery官网CSS样式复刻”是一项旨在重现jQuery官方网站前端界面样式的实践任务。这个任务主要涉及五个核心技术领域:jQuery、CSS、JavaScript(包括ECMAScript)、HTML以及网页资源管理。下面我们将...
简洁时尚的jQuery和CSS3侧边栏菜单插件.rar 简洁时尚的jQuery和CSS3侧边栏菜单插件.rar 简洁时尚的jQuery和CSS3侧边栏菜单插件.rar 简洁时尚的jQuery和CSS3侧边栏菜单插件.rar 简洁时尚的jQuery和CSS3侧边栏菜单插件...
"jQuery+CSS实用图片收缩与放大效果插件"就是一种能够提升用户交互体验的工具,它利用JavaScript库jQuery和样式表语言CSS来实现图片的动态收缩与放大功能。这篇文章将详细介绍这个插件的工作原理、实现方法以及如何...
【标题】中的"W3school"、"jquery"、"jquerymobile"和"css"都是Web开发中的关键元素,它们代表了不同的技术栈和框架。以下是对这些知识点的详细阐述: **W3School**:这是一个非常知名的在线学习平台,提供丰富的...
这样,我们可以通过jQuery来调用这些API,实现与用户界面的同步。 项目的结构可能包括以下几个部分: 1. HTML部分:创建音量滑动条和控制按钮,通常会有一个`<input type="range">`作为滑动条,一个`<button>`作为...
`视频教程大全.url`、`电子书大全.url`、`原创Jquery插件大全.url`这些URL文件可能指向与jQuery、CSS3相关的学习资源,供开发者进一步研究和提升技能。 总的来说,"Jquery+css3实现弹出层注册特效"是一个结合了前端...
【jQuery + CSS3 圆角动画导航】 在网页设计中,导航栏是用户与网站交互的重要部分,良好的导航设计能够提升用户体验。本示例“jquery+css3圆角动画导航”利用了JavaScript库jQuery和CSS3的新特性,为网页创建了一...
html5 开发 jquery.mobile.theme-1.4.5.min.css 样式表
jquery变换css样式,jquery方法
3. **jQuery绑定**:使用jQuery的事件监听器,如`$(document).ready()`和`$(element).click()`,将动画与用户交互关联起来。 4. **jQuery动画**:通过jQuery的`.animate()`方法或`.toggleClass()`等方法,结合CSS3...
文件名 "texiao8137_1560929569" 可能是指一个包含示例代码或资源的文件,可能包含了jQuery Mobile与CSS3结合使用的具体实例。为了更好地学习和实践,你可以下载这个文件并查看其中的内容,动手尝试创建和定制自己的...
"30个jQuery & CSS3加载动画和进度栏插件"集合了多种创新且高效的工具,旨在帮助开发者创建吸引人的、反馈及时的网页交互。下面我们将深入探讨这些技术及其应用。 首先,jQuery是一个强大的JavaScript库,它简化了...