《锋利的jquery》认识jquery总结

最新推荐文章于 2020-01-30 20:20:13 发布

沉默王二

最新推荐文章于 2020-01-30 20:20:13 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

文章标签： document jquery ViewUI

本文链接：https://blog.youkuaiyun.com/qing_gee/article/details/80123759

本文对比了window.onload与$(document).ready()的区别，包括执行时机、编写个数等，并介绍了jQuery对象与DOM对象的转换方法。此外，还探讨了隐式迭代及is()方法的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.onload和$(document).ready()执行时机不同，前者必须等待网页中所有的内容加载完毕后，后者是所有dom结构绘制完毕后；编写个数前者只允许一个，后者允许多个。
jquery对象和dom对象是不同的，但是可以进行相互转换：
```
var $jq = $("#jq");
var jq = $jq[0];
// var jq = $jq.get(0);
```
dom转jquery的话，就只需要加上$关键字就好了。

隐式迭代。举例来说，使用选择器获得多个jquery对象后，改变其click事件：

$("a.click").each(function(){
var $this = $(this);
$this.click(function(event){
alert("aaaaa");
})
})

// 以上方法通过each对每一个a标签进行click操作，这看起来似乎非常合乎常理。但对于jquery来说，完全可以这样做
$("a.click").click(function(event){
alert("aaa");
})

jquery的is()方法也非常实用。

用一个表达式来检查当前选择的元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true。

如果没有元素符合，或者表达式无效，都返回’false’。

注意：在jQuery 1.3中才对所有表达式提供了支持。在先前版本中，如果提供了复杂的表达式，比如层级选择器（比如 + , ~ 和 > ），始终会返回true