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

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

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

【 tulaoshi.com - Web开发 】

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

代码如下:

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

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

代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://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 汉语言文学

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

延伸阅读
标签: Web开发
jQuery事件模型的功能有: 提供建立事件处理程序的统一方法; 允许在每个元素上为每个时间类型建立多个处理程序; 采用标准的事件类型名称,例如click或mouseover; 使用Event实例可用作处理程序的参数; 对Event实例的最常用的属性进行规范化; 为取消事件和阻塞默认操作提供统一方法。 jQuery绑定事件处理程序: bind()命令 $('img')...
标签: Web开发
所以如果某个图片或者其他资源加载很长时间, 访问者就会看到一个不完整的页面, 甚至在图片加载之前就执行了需要依赖动态添加的元素的脚本而导致脚本错误. window.onload = function() { testDiv.innerHTML = "div style=\"border:solid 1px #FF0000\"动态创建的div/div"; } 解决办法就是等DOM被解析后, 在图像和外部资源加载之前执行我们的函数...
了解摄影中光线的方向 摄影中的光线,可以来自于以被摄体为球心的三维空间中的任意方向,为了方便表述,我们用顺光、逆光、侧光、侧顺光、侧逆光、顶光、底光几个大致的光线方向来概括。 光线的方向示意图 (一)、顺光 光线的照射方向与照相机的拍摄方向一致或者是基本一致。阴影被遮挡在人物后面,在画面的构成上没有明...
标签: Web开发
jQuery作为一个框架,功能挺强大的,除了官方网站 http://jquery.com/ ,还有一个介绍使用jQuery的网站,demo相当详细: http://interface.eyecon.ro/ 在线 demo 演示地址:http://interface.eyecon.ro/demos/?page=demos demo是可以下载的。 入门学习: http://15daysofjquery.com/ 学习社区: http://www.learningjquery.co...
标签: Web开发
一、下载 官方网址是http://jquery.com/ 官方下载地址:http://docs.jquery.com/Downloading_jQuery 里边有当前版本和历史版本的下载,可以下载下来部署在自己的服务器上 上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址,由于目前jQuery的广泛使用,选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。...

经验教程

673

收藏

49
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部