Jquery 元素选择器

Jquery 元素选择器

一.一般选择器
1.id选择器 ：#；
2.多元素选择器：$('.p , .fdd , #df').
3.元素选择器：$('img').
4.特殊选择器：$(this).css() 和 $(' * ').css();
5.后代选择器：$('ul li span').css();
6.子元素选择器：父>子： $('ul>li>span').css();
7.相邻后元素选择器(一个)：我+邻居： $('#p1+p').css();
8.兄弟元素（后面）：$('#p1 ~ p').css();

二.过滤选择器：样式：$('p:first').css();
1.：first:匹配第一个元素；
2 ：last：匹配最后一个；
3 ：even ：匹配索引为偶数的：从0开始；
4 ：odd :匹配索引为奇数的：从0开始；
5 ：eq(index) :匹配索引为index的，从0开始；
6 ：gt(index)：匹配大于索引值的
7 ：lt(index)：匹配小于索引的；
8 ：header ：获取网页中的（h1-h6）

三.子元素选择器 说明：冒号：为限定元素；
1 :nth-child（） : 不限制类型；第几个元素；
说明:（）中可以为index; even(偶数); odd(奇数)
2 :nth-of-type()：限制类型，第几个元素
3 :first : 总体第一个元素； $(‘p:first’).css()
4 :first-child :每个子类中的第一个元素；
5 :last
6 :last-child : 每个父元素的最后一个子元素；

四.DOM元素选择器；
（1）祖先
1.直接父元素：$('span') . parent() . css();
2.所有祖先元素（包括bady）：$('span').parents('指定元素').css(); 可以获取任意父元素
3.祖先区间： $('span').parentsUntil('div').css() span到div之间的父元素；

（2）后代
1.直接子元素：$('div') . children('span') . css();
2.返回所有指定子元素：$('div').find('span').css() 括号必须有内容；

（3）同胞，不区分元素种类
1.所有同胞元素 ：$('div').siblings().css();
2.下一个同胞元素：$('div').next().css();
3.下面所有同胞元素：$('div') . nextAll().css();
4.返回a-b之间同胞元素：$('div') . nextUntill('div2') . css();
5.返回上一个同胞元素：$('div ') . prev().css();
6.返回所有以上同胞元素：$(' div ') . prevAll() ;
7.返回a-b之间上面同胞元素：$('div') . prevUntill('div2') . css();

（4）过滤
1.指定索引元素：$(' li ') . eq( 2 ) . css();
2.首个元素 ： $('li') . first() . css();
3.最后元素：$(' li ') . last() . css();
4.检查是否含有某类：$(' li ') . hasClass(' class ') :返回true或 false;
5.返回当前元素是否选中：$('input[name=check]') . is(" :checked ") 返回true,false;
6.检查当前元素有某元素 ：$('li') . has (' p ').css() ;li中有p元素的；

五.特殊
1.$(this).next('.class').css(); 当前元素的下一个同辈元素;
2.$(this) . siblings('.class').css(): 获取所有同胞元素；不区分元素；不区分上下级