jQuery基础02-jQuery选择器

1.类CSS选择器

1.基本选择器

标签选择器：$("hl")选取所有hl元素；

类选择器：$(".content")选取所有class="content"的元素；

ID选择器：$("#MyTitle")选取id="MyTitle"的元素；

并集选择器：$("div,.title")选取所有div和拥有class="title"的元素；

交集选择器：$("div.title")选取所有拥有class="title"的div元素

全局选择器：$("*")选取所有元素。

2.层次选择器

相邻元素选择器：$("hl+div")选取紧邻<hl>元素之后的同辈元素<div>；

同辈元素选择器：$("hl~div")选取<hl>元素之后的所有同辈元素<div>;

后代选择器：$("#titleId span")选取# titleId中的所有<span>元素；

子选择器：$(" # titleId >span")选取#title的子元素<span>。

3.属性选择器

$("[name]")选取含有name属性的元素；

$("[name='stuName']")选取name属性值为stuName的元素；

$("[name!='stuName']")选取name属性值不等于stuName的元素；

$("[name^='stud']")选取name属性值以stu开头的元素；

$("[name$='me']")选取name属性值以me结尾的元素；

$("[name*='na']")选取name属性值中含有na的元素。

2.过滤选择器

1.基本过滤选择器

$("li:first")选取所有<li>元素中的第一个<li>元素；

$("li:last")选取所有<li>元素中的最后一个<li>元素；

$("li:even")选取索引是偶数的所有<li>元素；

$("li:odd")选取索引是奇数的所有<li>元素；

$("li:eq(1)")选取索引为等于1的<li>元素；

$("li:gt(1)")选取索引为大于1的<li>元素（不包括1）；

$("li:lt(1)")选取索引为小于1的<li>元素（不包括1）；

$("li:not(#MyTitle)")选取id值不是MyTitle的<li>元素；

$(":header")选取网页中所有标题元素；

$(":focus")选取当前获取焦点的元素。

2.可见性过滤选择器

$(":visible")选取所有可见的元素；

$(":hiddln")选取所有隐藏的元素。