本人菜鸟,求这句Jquery语句的详解: $(“.checkAll”).live(“click”, function () { $(“:checkb…

本人菜鸟,求这句Jquery语句的详解: $(“.checkAll”).live(“click”, function () { $(“:checkb…

图片[1]-本人菜鸟,求这句Jquery语句的详解: $(“.checkAll”).live(“click”, function () { $(“:checkb…-学吧号

$(“.checkAll”)表示所有样式(class)为checkAll的元素.live(“click”, function () 表示给元素绑定一个点击响应,绑定方式是live(对动态增加的内容也有效,如页面原本没有样式为checkAll的元素,之后通过js增加了这个元素) $(“:checkbox”, $(this).parentsUntil(“table”))表示从当前元素的父节点(当前元素所在的table)中找到所有的checkbox元素attr(“checked”, $(this).attr(“checked”));表示把找到的元素(checkbox)的选中状态设置为与自身(样式为checkAll的元素)设置为一致其实就是实现全选的功能。

jQuery操作选择器的基本语法是什么?

图片[2]-本人菜鸟,求这句Jquery语句的详解: $(“.checkAll”).live(“click”, function () { $(“:checkb…-学吧号

基本语法:$(selector);例子:ID选择器:$(‘#myid’);类别选择器: $(‘.mycls’);元素选择器:$(span);等等…
更详细的,建议你下载一个jquery手册查看。

jquery 怎么用

图片[3]-本人菜鸟,求这句Jquery语句的详解: $(“.checkAll”).live(“click”, function () { $(“:checkb…-学吧号

1、首先在官网下载jQuery,共有两个版本。Production version – 用于实际的网站中,已被精简和压缩。

Development version – 用于测试和开发(未压缩,是可读的代码)。

2、把 jQuery 添加到您的网页。jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它。

3、下面就可以在html文档中,使用jQuery了。

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架)。

jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的模块可以分为:入口模块、底层支持模块和功能模块。

其核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jquery的语法结构有哪

图片[4]-本人菜鸟,求这句Jquery语句的详解: $(“.checkAll”).live(“click”, function () { $(“:checkb…-学吧号一、jQuery的语法结构jQuery语句主要包含三大部分:$()、document和ready()分别被称为工厂函数、选择器、方法语法:$(selector).action();二、DOM里的节点通常分为3种类型:元素节点、文本节点、属性节点三、为DOM元素添加样式可以使用addClass()方法和css()方法四、使用next()方法可以获得所匹配元素集合中每个元素其后紧邻的同辈元素五、DOM对象与JQuery对象之间的转换var txtName=document.getElementById(“txtName”); //DOM对象var $txtName=$(txtName); //jQuery对象

jQuery的使用方法

图片[5]-本人菜鸟,求这句Jquery语句的详解: $(“.checkAll”).live(“click”, function () { $(“:checkb…-学吧号

jQuery可以下载使用,有两个版本的 jQuery 可供下载Production version – 用于实际的网站中,已被精简和压缩。Development version – 用于测试和开发(未压缩,是可读的代码)jQuery 1.8.0版时压缩前后的对比 文件 行数 大小 jquery-1.8.0.min.js 2 91KB jquery-1.8.0.js 9228 254KB 这两个版本都可以从 jQuery.com官网下载。

也可以从多个公共服务器中选择引用。

把jQuery存储在CDN公共库上可加快网站载入速度,CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。国外的有Google、Microsoft等多家公司给jQuery提供CDN服务,国内由新浪云计算(SAE) 、百度云(BAE)等提供下面就介绍几个相对来说比较稳定的CDN。并且有jquery1.1至2.0所有版本下载分享Google CDN <script type=text/javascriptsrc=http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js></script>提示:通过 Google CDN 来获得最新可用的版本:如果您观察上面的 Google URL – 在 URL 中规定了 jQuery 版本 (1.8.0)。

如果您希望使用最新版本的 jQuery,也可以从版本字符串的末尾(比如本例 1.8)删除一个数字,谷歌会返回 1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩第一个数字,那么谷歌会返回 1 系列中最新的可用版本(从 1.1.0 到 1.9.9)。Microsoft CDN <script type=text/javascriptsrc=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js></script>提示:使用谷歌或微软的 jQuery,有一个很大的优势:许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。

同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。新浪 CDN <script type=text/javascriptsrc=http://libs.baidu.com/jquery/2.0.3/jquery.min.js></script>百度 CDN <script type=text/javascriptsrc=http://libs.baidu.com/jquery/2.0.3/jquery.min.js></script>为了保险起见,当无法从CDN服务器上获取jQuery时,则使用本地jQuery <script type=text/javascript>window.jQuery||document.write(‘<scriptsrc=//localhost/jQuery/jquery-2.1.0.min.js><\/script>’);</script>在Wordpress主题中使用的方法为 <script type=text/javascript>window.jQuery||document.write(‘<scripttype=text/javascriptsrc=<?phpechoget_template_directory_uri();?>/jquery.min.js>\x3C/script>’)</script>注意事项1、Wordpress内置jQuery库,其末尾防止JS库冲突而加入的jQuery.noConflict()使得主题中所有jQuery代码都要做一些小修改,更可能导致一些插件效果失效。wordpress建议下载官方jQuery-Min库放到当前主题目录下调用,不要使用wp-includes里面的库。

2、Google CDN库的地址采用了协议相对路径,它可以很好的解决https引起的一些问题,具体可以看Paul Irish的介绍,当然你依旧可以使用带“http:”的路径。3、许多网站都采用Google CDN提供的jQuery库,使用它可以得到出色的缓存效果。4、把jQuery代码统统放到页面底部可以提高载入速度。

5、使用HTML5重构的页面可省略掉 type=text/javascript。6、推荐使用国内CDN公共库,速度更快,稳定性更高。

THE END
喜欢就支持一下吧
点赞10
温馨提示:

1、本内容转载于网络,版权归原作者所有!
2、本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
3、本内容若侵犯到你的版权利益,请联系我QQ:243371741,会尽快给予删除处理!