`
star65225692
  • 浏览: 272929 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类

jQuery中与toggleClass等价的程序段,以及未来学习的方向

阅读更多

以下两段jQuery是等价的

1 使用toggleClass实现class值的交替

$("#in1").click(function(){
            $("li").toggleClass("ok2");
            })

 商账追收

2 使用js判断实现class值的交替

$("#in1").click(function(){
var ok=$("li:first").attr("class")
if (ok == "ok2"){
    $("li").removeClass();
    }else{
        $("li").attr("class","ok2");
        }
        })

昨天开始学jQuery,js是我前端设计技术的一块心病,一直没有找到很好的学习办法。最近突然开悟,可以学jQuery呀,这个东西比较好学。 于是计划是先用一段不长的时间拿下jQuery,然后进阶js,通过对js的了解去参C#,工具上要逐渐脱离Adobe的Dreamweaver,转向 MS的Expression和Visual Studio。VS对jQuery的支持是好的,学了C#后打算琢磨Blend,既然决定投靠微软,就要学会用MS的软件去替代Adobe。

分享到:
评论

相关推荐

    jQuery中与toggleClass等价的程序段 以及未来学习的方向

    总结来说,该文档不仅向我们介绍了jQuery中`toggleClass`方法的使用和等价的原生JavaScript实现,而且还提供了一个学习者关于前端技术深入学习和扩展个人技术栈的全景规划。通过学习和使用jQuery,作者正在逐步克服...

    jQuery属性 toggleClass()方法添加和移除

    jQuery的toggleClass()方法是JavaScript库中的一个核心功能,它在网页动态效果和用户交互中扮演着重要角色。这个方法允许我们方便地切换HTML元素的CSS类,即在元素上添加或移除一个或多个类,根据该类是否已经存在。...

    jQuery.toggleClass() 函数详解

    `toggleClass()` 是 jQuery 库中的一个常用函数,用于切换(添加或移除)一个或多个 CSS 类名到被选元素上。此方法允许开发者根据条件动态地改变网页的样式。 #### 二、函数签名与版本历史 `toggleClass()` 方法...

    jquery学习文档中文版

    《jQuery学习文档中文版》是面向初学者和进阶开发者的一份宝贵资源,它详尽地介绍了jQuery库的各种功能和用法。jQuery是一款强大的JavaScript库,简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务,使得前端...

    jQuery中toggleClass()方法用法实例

    在jQuery众多功能中,toggleClass()是一个特别有用的方法,它能够在元素的样式类之间进行切换操作,从而允许开发者通过简单的方式来实现元素样式的动态变化。这篇文章将详细介绍jQuery中toggleClass()方法的使用方法...

    jQuery学习资料

    `jQuery.validate.js+API中文.pdf`文档将详细解释如何配置验证规则、显示错误消息、自定义验证方法,以及与jQuery的其他功能结合使用。 3. **Jquery特效.pdf** jQuery的动画效果是其魅力的一部分。`Jquery特效.pdf...

    精通jquery(中文第二版)_扫描版_以及源代码

    2. **事件处理**:详述jQuery中的事件绑定与解绑,如click、mouseover等常见事件,以及如何使用事件委托来优化性能。同时,会讨论事件对象和自定义事件的使用。 3. **DOM操作**:详细解析jQuery中的DOM操作方法,如...

    jQuery.ui.1.7.2中文文档

    jQuery UI 是一个基于 jQuery 的开源库,它提供了丰富的用户界面组件和交互效果,为开发者构建功能完善的Web应用程序提供了强大支持。1.7.2版本是该库的一个稳定版本,包含了众多实用的功能和组件。本文将对其中的...

    jQuery中文学习手册

    jQuery中文学习手册涵盖了从基础到高级的jQuery技术,包括选择器、DOM操作、CSS样式、动画、Ajax以及插件使用等各个方面。通过学习和实践,开发者能够有效地提升Web开发效率,创建出互动性强、用户体验良好的网页...

    JQuery1.10+中文完整API

    jQuery 是一款广泛应用于 Web 开发中的 JavaScript 库,以其简洁的语法和强大的功能深受开发者喜爱。此资源包含 jQuery 1.10 及其之前的 1.4 版本的中文完整 API 文档,对于学习和使用 jQuery 的开发者来说是宝贵的...

    jQuery toggleClass应用实例(附效果图)

    4. 事件绑定:在jQuery中,可以通过方法链的方式将事件处理程序绑定到元素上。如示例中的mouseover和mouseout方法,分别用于鼠标悬停和鼠标移出事件的处理。当用户鼠标经过指定的元素时,会触发setColor函数,该函数...

    jQuery使用toggleClass方法动态添加删除Class样式的方法

    在JavaScript的世界里,jQuery库为开发者提供了很多便捷的API,其中`toggleClass`是一个非常实用的功能。这个方法允许我们在元素上动态地添加或删除一个或多个CSS类,使得我们的页面交互更加灵活和生动。本文将深入...

    Jquery 1.6.4 js And Jquery 1.4 API 中文

    jQuery 是一个流行的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理、动画制作以及Ajax交互。这里我们主要讨论的是 jQuery 1.6.4 和 jQuery 1.4 API 的中文版本,这两个版本虽然在功能上有所不同...

    jquery-1.8.3chm中文手册下载

    6. **CSS**:jQuery允许动态改变元素的样式,如`css()`, `addClass()`, `removeClass()`, 和 `toggleClass()`,使得开发者能够轻松地操作元素的样式属性。 7. **事件**:jQuery的事件处理机制包括事件绑定(`on()`,...

    Jquery中文手册和Api

    **jQuery中文手册与API详解** jQuery是一个高效、简洁且易用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作以及Ajax交互。jQuery API是开发人员使用jQuery进行网页开发的重要参考资料,提供了...

    20个炫酷jquery程序

    本资源"20个炫酷jQuery程序"集合了一系列精彩的jQuery特效,对于提升Web开发人员的用户体验设计能力具有极大的帮助。 1. **jQuery基础**:jQuery的核心在于它的选择器,它允许开发者通过CSS选择器轻松地选取DOM元素...

    JqueryApi中文手册

    **jQuery API 中文手册** jQuery 是一款广泛应用于前端开发的 JavaScript 库,它极大地简化了 JavaScript 的DOM操作、事件处理、动画制作以及...在实际开发中,结合实践与手册,可以更好地理解和掌握jQuery的精髓。

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

Global site tag (gtag.js) - Google Analytics