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

2016-02-19 13:45 1 1 收藏

在这个颜值当道，屌丝闪边的时代，拼不过颜值拼内涵，只有知识丰富才能提升一个人的内在气质和修养，所谓人丑就要多学习，今天图老师给大家分享jQuery中与toggleClass等价的程序段以及未来学习的方向，希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发】

以下两段jQuery是等价的
1 使用toggleClass实现class值的交替

代码如下：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
$("#in1").click(function(){
$("li").toggleClass("ok2");
})

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

代码如下：

（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
$("#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。

要安排的学习内容
1 jQuery结合JavaScript
2 Expression(Web,Design,Blend)结合Visual Studio和C#
3 温习高中数学（集合，数列，函数，三角函数，解析几何，二项式定理，简易统计导数）
4 高等数学
5 离散数学
6 线性代数
7 数据结构与算法
8 汉语言文学

来源:https://www.tulaoshi.com/n/20160219/1605140.html

上一篇： Java入门攻略之HelloWorld问题
下一篇： jQuery 改变CSS样式基础代码

看过《jQuery中与toggleClass等价的程序段以及未来学习的方向》的人还看了以下文章更多>>

jQuery中与toggleClass等价的程序段以及未来学习的方向 02-19
最简单的jQuery程序入门者学习 02-19
设计的未来方向在哪里？ 02-19
jQuery 核心函数以及jQuery对象 02-19
学习jQuery之旅--jQuery的经典实例应用 02-19
Java 泛型的理解与等价实现 02-19
jQuery学习5 jQuery事件模型 02-19
JQuery 初体验(建议学习jquery) 02-19
jQuery 常见学习网站与参考书 02-19
学习Web 2.0的方向盘 02-19

锋利的jQuery jQuery中的DOM操作

标签： Web开发

1 查找元素节点 var $x = $("selector").text() 2 查找属性节点 var $x = $("selector").attr("property") 3 创建节点 var $x = $("html") 4 插入节点 $("selector").append() 向每个匹配的元素内部追加内容 $("selector").appendTo() 等价于.append()操作符左右互换 $("selector").prepend() 向每个匹配的元素内部前置内...

jQuery 学习的几种常用方法

标签： Web开发

jQuery事件处理 ready(fn) 代码： $(document).ready(function(){ // Your code here... })；作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。 bind(type,[data],fn) 代码： $("...

JQuery 学习笔记01 JQuery初接触

标签： Web开发

一、下载官方网址是http://jquery.com/ 官方下载地址：http://docs.jquery.com/Downloading_jQuery 里边有当前版本和历史版本的下载，可以下载下来部署在自己的服务器上上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址，由于目前jQuery的广泛使用，选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。...

jquery 学习笔记一

标签： Web开发

jquery基本信息 jquery的官方网站： www.jquery.com jquery解释： jquery是javascript的类库，提供了大量的javascript的类库和API，方便javascript开发。 jquery API中文参考手册： http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html 前台数据提交到后台demo：实例图：功能点： 1....

学习jquery之一

标签： Web开发

script src=/jslib/jquery/jquery-latest.pack.js/script p height=1001学习jquery/p spanval()可以取值;val(s)可以赋值/spanbr/ divinput type="text" id="mm" value="mm"button id=get取值/button button id=put赋值/button /div button id=an展开/button div id=test...

查看更多精彩>>