2.
jquery基本选择器:
id选择器(#) 类选择器(.) 元素选择器(元素名) 通配符选择器(*)
并集选择器(e,e) 交集选择器(e.e)
例如:var div = $(“#div1”);
3. 层级选择器
后代选择器:var spans = $("div p");
子代选择器:var span = $("div>span");
相邻兄弟选择器:var result = $("#p1 + p");
兄弟选择器:var result = $("#p1~p");
4. 基本伪类选择器:
Frist:返回第一个元素
Last:返回最后一个元素
Not:去除所有与给定选择器匹配的元素
even: 返回索引为偶数的元素
odd: 返回索引值为奇数的元素
eq:返回指定索引的元素
gt:返回所有索引值大于某个指定元素
lt:返回所有索引值小于某个指定元素
header:返回所有标题标签
animated:匹配所有正在执行动画效果的元素
例如:var li1 = $("li:first");
5. 内容选择器:
contains:返回包含指定内容的元素(区分大小写)
has:返回包含指定元素的元素
parent:返回包含子元素或有内容的元素
empty:返回一个没有内容也没有子元素的元素
6. 可见性选择器:
div:隐藏的两种方法:
1.display :none
2.hidden :hidden
这两种方法都可以通过show()和hide()进行展示和隐藏
input框的隐藏方法:
1.display:none 可任意通过show()和display:block进行显示
2.type:hidden 只能通过prop方法来修改属性 prop(“type”,“text”)
type:hidden的元素空间还在
7. 属性选择器:
[attr]:包含某个属性的元素
[attr=value]:用与返回属性等于某个值的元素
[attr!=value]:用与返回属性不等于某个值的元素
[]attr^=value]:匹配给定的属性是以某些值开始的元素
[]attr$=value]:匹配给定的属性是以某些值开始的元素
[]attr*=value]:匹配给定的属性是以某些值开始的元素
only-child:如果某个元素是父元素中唯一的子元素,那将会被匹配
例如: $("[id = demo1]").css({color:"red"});
8. 表单选择器:text password radio checkbox submit reset image button file hidden
例如: $(":password").val(123456);
9. 表单对象:
disabled:返回所有被禁用的元素
enabled:返回所有可操作的元素
checked:返回所有被选中的选择框
selected:返回所有被选中的下拉框
id选择器(#) 类选择器(.) 元素选择器(元素名) 通配符选择器(*)
并集选择器(e,e) 交集选择器(e.e)
例如:var div = $(“#div1”);
3. 层级选择器
后代选择器:var spans = $("div p");
子代选择器:var span = $("div>span");
相邻兄弟选择器:var result = $("#p1 + p");
兄弟选择器:var result = $("#p1~p");
4. 基本伪类选择器:
Frist:返回第一个元素
Last:返回最后一个元素
Not:去除所有与给定选择器匹配的元素
even: 返回索引为偶数的元素
odd: 返回索引值为奇数的元素
eq:返回指定索引的元素
gt:返回所有索引值大于某个指定元素
lt:返回所有索引值小于某个指定元素
header:返回所有标题标签
animated:匹配所有正在执行动画效果的元素
例如:var li1 = $("li:first");
5. 内容选择器:
contains:返回包含指定内容的元素(区分大小写)
has:返回包含指定元素的元素
parent:返回包含子元素或有内容的元素
empty:返回一个没有内容也没有子元素的元素
6. 可见性选择器:
div:隐藏的两种方法:
1.display :none
2.hidden :hidden
这两种方法都可以通过show()和hide()进行展示和隐藏
input框的隐藏方法:
1.display:none 可任意通过show()和display:block进行显示
2.type:hidden 只能通过prop方法来修改属性 prop(“type”,“text”)
type:hidden的元素空间还在
7. 属性选择器:
[attr]:包含某个属性的元素
[attr=value]:用与返回属性等于某个值的元素
[attr!=value]:用与返回属性不等于某个值的元素
[]attr^=value]:匹配给定的属性是以某些值开始的元素
[]attr$=value]:匹配给定的属性是以某些值开始的元素
[]attr*=value]:匹配给定的属性是以某些值开始的元素
only-child:如果某个元素是父元素中唯一的子元素,那将会被匹配
例如: $("[id = demo1]").css({color:"red"});
8. 表单选择器:text password radio checkbox submit reset image button file hidden
例如: $(":password").val(123456);
9. 表单对象:
disabled:返回所有被禁用的元素
enabled:返回所有可操作的元素
checked:返回所有被选中的选择框
selected:返回所有被选中的下拉框