jQuery小结

zhengxuezhou

第一章：选择器

一、基本选择器

1、单选择器

$(“标签名”)

$(“#id名”)

$(“.类名”)

2、多选择器

$(“*”)                          //所有元素

$(“标签名，标签名.类名，…”)        //将每一个选择器匹配到的元素合并后一起返回



二、层级选择器

1、$(“祖先标签 后代标签”)     //祖先标签下匹配所有的后代标签

如：$(“form input”)

2、$(“父标签>子标签”)         //父标签下匹配所有的子标签

如：$(“form>input”)

3、$(“起始标签+要选的标签”)  //起始标签后，要选的标签(第一个必须紧跟起始标签)

4、$(“起始标签~要选的同辈标签”)  //起始标签后，要选的标签（必须与父标签同辈）



三、简单选择器：

1、$(“标签:first|last”)          //匹配第一个|最后一个元素

2、$(“标签:not(选择器)”)    //去除所有与给定选择器匹配的元素

如：$("input:not(:checked)")

3、$(“标签:even|odd”)         //匹配索引为偶数|奇数的元素 （索引从0开始）

4、$(“标签:eq|gt|lt(n)”)        //匹配索引=|>|<n的元素

5、$(“:header”)                    //匹配如h1、h2、h3之类的标题元素

如：$(":header").css("background", "#EEE");

6、$(“标签:animated”)         //匹配所有正在执行动画效果的元素



四、内容选择器

1、$(“标签:contains(text)”)   //匹配包含指定文本的元素

2、$(“标签:empty”)                //匹配不包含任何子元素或文本为空的元素

3、$(“标签:has(选择器)”)      //匹配含有选择器匹配的元素的元素

如：$("div:has(p)").addClass("test");

4、$(“标签:parent”)       //匹配含有子元素或文本的元素（匹配所有为父亲的元素）



五、可见性选择器

$(“标签:hidden”)          //匹配所有不可见元素，包括<input type=”hidden”/>

$(“标签:visible”)         //匹配所有可见元素



六、属性选择器

1、$(“标签[属性名]”)              //匹配包含给定属性名的元素

2、$(“标签[属性名=‘属性值’]”)   //匹配“属性名=‘属性值’”的元素

$(“标签[属性名!=‘属性值’]”)  //匹配“属性名!=‘属性值’”的元素

3、$(“标签[属性名^=‘属性值’]”)  //匹配以给定的属性值开头的元素

$(“标签[属性名$=‘属性值’]”)  //匹配以给定的属性值结尾的元素

4、$(“标签[属性名*=‘属性值’]”)  //匹配包含给定的属性值的元素

5、$(“标签[[选择器1][选择器2]…]”)   //以上各条件的组合



七、子元素选择器：为每一个父元素匹配子元素

1、$(“标签:nth-child(n|even|odd)”)   

//匹配父元素下第n|奇数|偶数个元素

注：$(“标签:eq(n)”)只匹配一个元素；索引n，从0开始

    $(“标签:nth-child(n)”)为每一个父元素匹配子元素；个数n，从1开始

2、$(“标签:first-child”)  //为每一个父元素匹配第一个子元素

$(“标签:last-child”)   //为每一个父元素匹配最后一个子元素

3、$(“标签:only-child”)   //如果父元素只有唯一的子元素，该子元素将会被匹配



八、表单选择器：匹配form表单标签下的元素

$(“:input”)   //匹配所有input元素

$(“:text”)        //匹配所有<input type=“text”/>元素

$(“:password”)    //匹配所有<input type=“password”/>元素

$(“:radio”)   //匹配所有<input type=“radio”/>元素

$(“:checkbox”)    //匹配所有<input type=“checkbox”/>元素

$(“:submit”)  //匹配所有<input type=“submit”/>元素

$(“:image”)   //匹配所有<input type=“image”/>元素

$(“:reset”)   //匹配所有<input type=“reset”/>元素

$(“:button”)  //匹配所有<input type=“button”/>元素

$(“:file”)        //匹配所有<input type=“file”/>元素



九、对象属性选择器

1、$(“标签:enable|disable”)   //匹配所有可用|不可用元素

2、$(“标签:checked”)  //匹配所有选中的单、复选框元素。如$(input:checked)

3、$(“标签:selected”) //匹配所有选中的选项元素。如$(select option:selected)



内容太多，以下各章略……

第二章 属性

第三章 筛选

第四章 文档处理

第五章 CSS

第六章 事件

第七章 效果

第八章 Ajax

第九章 核心

第十章 工具