`

jquery 与 css相关

 
阅读更多
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流程图插件详解** 在网页开发中,流程图是一种常见且重要的可视化工具,用于展示逻辑步骤或工作流程。"jQuery+css 实现的单分支流程图插件"是一个利用JavaScript库jQuery和CSS样式来创建简单、动态流程...

    jQuery JavaScript与CSS开发入门经典

    《iQuery JavaScript与CSS开发入门经典》包含极富帮助的指南和紧贴实际的练习,使读者能在实际中轻松驾驭iQuery,并收到事半功倍的神奇效果。 内容简介 本书浓墨重彩地描述iQuery的API及iQuery框架的所有基础知识,...

    jquery css

    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解锁屏幕特效.rar jQuery+CSS3做出IOS解锁...

    jQuery+CSS3实现动画相册代码.rar

    jQuery+CSS3实现动画相册代码.rar jQuery+CSS3实现动画相册代码.rar jQuery+CSS3实现动画相册代码.rar jQuery+CSS3实现动画相册代码.rar jQuery+CSS3实现动画相册代码.rar jQuery+CSS3实现动画相册代码.rar jQuery+...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    3. jQuery+CSS实用图片收缩与放大效果插件 4. jquery+div实现同时滑动切换的图文展示特效插件下载 5. jquery+div带动画按钮图片手动与自动切换的特效代码 6. jquery一页多用的飞飞图片幻灯插件演示 7. jquery...

    10个漂亮登录页面,jquery+css3

    10个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css310个漂亮登录页面,jquery+css3

    jQuery和css3侧边栏滑动显示相关文章插件

    **jQuery和CSS3侧边栏滑动显示相关文章插件详解** 在网页设计中,提供相关的文章推荐可以增强用户体验,帮助用户发现更多感兴趣的内容。这款jQuery和CSS3结合的侧边栏滑动显示相关文章插件就是为此目的而设计的。它...

    jQuery官网CSS样式复刻

    在本项目中,“jQuery官网CSS样式复刻”是一项旨在重现jQuery官方网站前端界面样式的实践任务。这个任务主要涉及五个核心技术领域:jQuery、CSS、JavaScript(包括ECMAScript)、HTML以及网页资源管理。下面我们将...

    简洁时尚的jQuery和CSS3侧边栏菜单插件.rar

    简洁时尚的jQuery和CSS3侧边栏菜单插件.rar 简洁时尚的jQuery和CSS3侧边栏菜单插件.rar 简洁时尚的jQuery和CSS3侧边栏菜单插件.rar 简洁时尚的jQuery和CSS3侧边栏菜单插件.rar 简洁时尚的jQuery和CSS3侧边栏菜单插件...

    jQuery+CSS实用图片收缩与放大效果插件.rar

    "jQuery+CSS实用图片收缩与放大效果插件"就是一种能够提升用户交互体验的工具,它利用JavaScript库jQuery和样式表语言CSS来实现图片的动态收缩与放大功能。这篇文章将详细介绍这个插件的工作原理、实现方法以及如何...

    W3school,jquery,jquerymobile,css

    【标题】中的"W3school"、"jquery"、"jquerymobile"和"css"都是Web开发中的关键元素,它们代表了不同的技术栈和框架。以下是对这些知识点的详细阐述: **W3School**:这是一个非常知名的在线学习平台,提供丰富的...

    jquery+css3控制音量调节

    这样,我们可以通过jQuery来调用这些API,实现与用户界面的同步。 项目的结构可能包括以下几个部分: 1. HTML部分:创建音量滑动条和控制按钮,通常会有一个`&lt;input type="range"&gt;`作为滑动条,一个`&lt;button&gt;`作为...

    Jquery+css3实现弹出层注册特效

    `视频教程大全.url`、`电子书大全.url`、`原创Jquery插件大全.url`这些URL文件可能指向与jQuery、CSS3相关的学习资源,供开发者进一步研究和提升技能。 总的来说,"Jquery+css3实现弹出层注册特效"是一个结合了前端...

    jquery+css3圆角动画导航

    【jQuery + CSS3 圆角动画导航】 在网页设计中,导航栏是用户与网站交互的重要部分,良好的导航设计能够提升用户体验。本示例“jquery+css3圆角动画导航”利用了JavaScript库jQuery和CSS3的新特性,为网页创建了一...

    jquery.mobile css

    html5 开发 jquery.mobile.theme-1.4.5.min.css 样式表

    jquery变换css样式

    jquery变换css样式,jquery方法

    jQuery和css3文章标题动画特效

    3. **jQuery绑定**:使用jQuery的事件监听器,如`$(document).ready()`和`$(element).click()`,将动画与用户交互关联起来。 4. **jQuery动画**:通过jQuery的`.animate()`方法或`.toggleClass()`等方法,结合CSS3...

    jquery mobile css3手机表单页面布局按钮样式

    文件名 "texiao8137_1560929569" 可能是指一个包含示例代码或资源的文件,可能包含了jQuery Mobile与CSS3结合使用的具体实例。为了更好地学习和实践,你可以下载这个文件并查看其中的内容,动手尝试创建和定制自己的...

Global site tag (gtag.js) - Google Analytics