第一章:选择器
一、基本选择器
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
第九章 核心
第十章 工具
一、基本选择器
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
第九章 核心
第十章 工具