jQuery选择器
一,属性选择器:
通过HTML元素的属性选择元素的选择器
二.属性选择器:
[attribute]:选取包含给定属性的元素 例:$("[href]")选取含有href属性的元素
[attribute=value]:选取等于给定属性是某个特定值的元素 例:$("[href='#']")选取href属性值为“#”的元素
[attribute!=value]:选取不等于给定属性是某个特定值的元素 例:$("[href!=‘#’]")选取href属性值不为“#”的元素
[attribute^=value]:选取给定属性是以某些特定值开始的元素 例:$("[href^='en']")选取href属性值以en开头的元素
[attribute$=value]:选取给定属性是以某些特定值结尾的元素 例:$("[href$='.jpg']")选取href属性值以.jpg结尾的元素
[attribute*=value]:选取给定属性是包含某些值的元素 例:$("[href*='txt']")选取href属性值中含有txt的元素
[selector],[selector2],[selectorN]:选取满足多个条件的复合属性的元素 例:$("li[id][title=新闻要点]")选取含有id属性和title属性为“新闻要点”的<li>元素
三.过滤选择器分为:基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤,表单对象属性过滤器
四.基本过滤选择器:
:first:选取第一个元素 例:$("li:first"选取所有<li>元素中的第一个<li>元素
:last:选取最后一个元素 例:$("li:last")选取所有<li>元素中的最后一个<li>元素
:not(selector)选取去除所有与给定选择器匹配的元素 例:$("li:not(.three)")选取class不是three的元素
:even:选取索引是偶数的所有元素(index从0开始) 例:$("li:even")选取索引是偶数的所有<li>元素
:odd:选取索引是奇数的所有元素(index从0开始) 例:$("li:odd")选取索引是奇数的所有<li>元素
:eq(index):选取索引等于index的元素(index从0开始) 例:$("li:eq(1)")选取索引等于1的<li>元素
:gt(index):选取索引大于index的元素(index从0开始) 例:$("li:gt(1)")选取索引大于1的<li>元素(注意:大于1,不包括1)
:lt(index):选取索引小于index的元素(index从0开始) 例:$("li:lt(1)")选取索引小于1的<li>元素(注意:小于1,不包括1)
:header:选取所有标题元素,如h1~h6 例:$(":header")选取网页中的所有标题元素
:focus:选取当前获取焦点的元素 例:$(":focus")选取当前获取焦点的元素
五.可见性过滤选择器:
:visible:选取所有可见的元素 例:$(":visible")选取所有可见的元素
:hidden:选取所有隐藏的元素 例:$(":hidden")选取所有隐藏的元素
获取隐藏元素,使其显示:$("p:hidden").show();
获取显示元素,使其隐藏:$("p:visible".hide();