整理jQuery学习资料---持续更新...

参考资料：http://wenku.baidu.com/view/e5171bfd770bf78a6529543c.html

jQuery对象转成DOM对象

[index]和get(index)

var $cr=$("#cr");//jQuery对象

var cr=$cr[0];//Dom对象
或者
var cr=$cr.get(0);

Dom对象转成jQuery对象
用$()包起来
var cr=document.getElemrntById("cr");

var $cr=$(cr);


选择器是jQuery的根基，在jQuery中，对事件的处理、遍历DOM和Ajax都依赖选择器

jQuery中的选择器完全继承了css的风格
$("#ID") 代替document.getElementById()
$("tagName") 代替document.getElementByTagName()

注意：$("#ID")获取的永远是对象，即使网页上没有此元素。因此当要用jQuery检查某个元素是否存在时
不能使用
if($("#ID")){
     .......
}
而要根据元素的长度来判断
if($("#ID").length>0){
     .......
}
或者转成DOM对象来判断
if($("#ID")[0]){
    ......
}


jQuery选择器分为基本选择器，层次选择器，过滤选择器和表单选择器
基本选择器：#ID、.class、TagName及其的重复
层次选择器：e1 e2          所有后代       
                   e1>e2         直接后代      
                   e1+e2         紧接直接e2  ==$(e1).next("e2")
                   e1~e2         e1之后所有兄弟 ==$(e1).nextAll("e2")
过滤选择器(基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤、表单对象属性过滤）

基本过滤
:first :last :not :even :odd :eq(index) :gt(index) :lt(index) :header --选取所有的标题元素h1\h2\h3等  :animated --选择所有当前正在执行动画的元素

内容过滤
:contains(text)    :empty  :has --$("div:has(p)")含有<p>元素的<div>元素 ：parent含有子元素或文本的元素

可见性过滤
:hidden  选取所有不可见的元素
:visible  选取所有可见的元素

属性过滤
[attribute]
[attribute=value]
[attribute!=value]
[attribute^=value]
[attribute$=value]
[attribute*=value] 含有
[selector1][selector2][selector3]属性复合，缩小范围