读锋利的jQuery（一）-优快云博客

本文深入讲解了jQuery中的关键概念，包括window.onload与$(document).ready()的区别、DOM对象与jQuery对象之间的转换方法、解决jQuery与其他库冲突的策略，以及丰富的选择器用法。

读锋利的jQuery

window.onload跟$(document).ready()的区别
– 一个是从是否可以简化，跟执行时机，编写个数去区分；
执行时机：js必需等网页所有内容加载完毕后jQ网页中所有dom结构绘制完成，可能DOM元素关联的东西并没有加载完成；
– -个是编写个数window.onload 不能同时编写多个并且无简写
DOM对象和JQ对象
– JQ对象不能使用DOM对象的方法
– JQ对象转换DOM对象的两种方法 [index]跟get[index]
– DOM对象转JQ对象$(DOM)
JQ库跟其他库冲突
– 用jQuery.noConflict()让出$
var $j = jQuery.noConflict()
– 用jQuery.noConflict()让出$ 在
jQuery（function($){ $('p') //在内部继续使用$ }）
– 用jQuery.noConflict()让出$ 使用匿名函数继续使用
```
(function($){ 
     $('p')
    })(jQuery)
```
JQ中检查某个元素是否存在用$(‘p’).length >0或者转成DOM对象
选择器
–基本选择器
$(".one").next("div")
–过滤选择器
$(":first"),$(":last"),$(":eq(index)"),$(":focus")
–内容过滤选择器
$(":empty")
–可见性过滤器
$(":hidden"),$(":visible")
– 属性过滤选择器
$("div[id]"),$("div[title=test]")
– 子元素过滤选择器
```
 $("div:nth-child(even)")
 $("div:nth-child(2)")
```
– 表单对象属性选择器
```
 $('#form1 :enabled')
 $('#form2 :disabled')
 $('input:checked')
 $('select potion:selected')
```
–表单选择器
```
$(':text'),$(':checkbox'),$(':input'),$(':button')
```
选择器注意事项
– 选择器中含有特殊符号需要转义
– 属性选择器1.3.1前版本属性名前需加@
toggle()方法
$('btn').toggle(function(){ //条件1 if },function(){ //条件2 else })