|
Jquery选择器分类：基本选择器，层次选择器，过滤选择器，表单选择器。
基本选择器
说明：通过元素id、class和标签名等来查找DOM元素
1.id选择器：$("#test");//选取id为test的元素
2.类选择器：$(".test");//选取所有class为test的元素,其他：$('div.mini')
3.标签选择器:$("div");//选取所有的<div>元素
4.群组选择器:$("p,div,.test");//选取所有<P>,<div>和拥有class为test的一组元素
5.通配选择器:$("*"); // 通配选择器，匹配页面中所有元素
层次选择器
说明：通过DOM元素之间的层次关系获取特定元素，如后代元素、子元素、相邻元素、兄弟元素
1.$(“div span”);//选取<div>里所有的<span>元素
2.$(“div>span”);//选取<div>下元素名为<span>的子元素
3.$(‘.one+div');//选取class为one的下一个<div>元素（相邻元素）
4.$(‘#two~div') ;//选取id为two的元素后面所有<div>兄弟元素
注意：
$(‘prev+next')选择器与next()方法的等价关系
$(‘.one+div') 等价于 $(“.one”).next(“div”) <div>元素
4.3:$(“div[title!=test]”);//选取属性title不等于”test”的<div>元素（注意：没有属性的title的<div>元素也会被选取）
4.4:$(“div[title^=test]”);//选取属性title以”test”开始的<div>元素
4.5:$(“div[title$=test]”);//选取属性title以”test”结束的<div>元素
4.6:$(“div[title*=test]”);//选取属性title含有”test”的<div>元素
4.7:$(“div[id][title$='tets']”);//选取拥有属性id，并且属性title以”test”结束的<div>元素
5.子元素过滤选择器
5.1---:eq(index)只匹配一个元素，而:nth-child将为每一个父元素匹配子元素，并且:nth-child(index)的index是从1开始的，而:eq(index)是从0算起
5.2---:first只返回单个元素，而:first-child选择符将为每个父元素匹配第一个子元素
5.3---:last只返回单个元素，而:last-child选择符将为每个父元素匹配最后一个子元素
| 
转播
