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 实现的单分支流程图插件。提供常用事件监听
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+css实现tab切换效果 jQuery+css实现tab切换效果源代码
压缩包包含 W3School,jquery,css2/css3 ,jquery mobile1.2.0的所有API
jQuery官网CSS样式复刻
通过jquery的javascript代码及css实现选项卡功能,美观大方,要求加载jQueryUI
html5 开发 jquery.mobile.theme-1.4.5.min.css 样式表
jquery变换css样式,jquery方法
很实用的jQuery+CSS实用图片收缩与放大效果插件
html+jquery+CSS实现最简单的右侧导航栏效果
30 个 jQuery & CSS3 加载动画和进度栏插件
Jquery+CSS模式对话框Jquery+CSS模式对话框Jquery+CSS模式对话框Jquery+CSS模式对话框
JQuery+CSS3样式定义
jquery+css3立体式动画百叶窗切换效果 jquery+css3立体式动画百叶窗切换效果
这是一款非常炫酷的jQuery和css3侧边栏滑动显示相关文章插件。该插件将一篇文章的相关文章以侧边栏的形式放置,当鼠标滑过其中一项是相关文章侧边栏滑出显示详细信息。并且可以通过按钮更换一批相关文章。
jquery校验样式 css文件
jQuery+CSS3网页表单元素美化代码是一款在原生HTML表单的基础上进行美化,并使用jQuery来制作label动画效果,通常用于美化联系方式表单。
CSS JS JQUERY文档 CSS JS JQUERY文档 CSS JS JQUERY文档 CSS JS JQUERY文档