jQuery获取元素

一.基本获取

1.通过id获取

var dv1=$("#dv1");

      修改样式

dv1.css('border','solid 2px red');

2.通过类名来获取

var cls1=$('.cls1');

3.通过标签名获取

var btn=$('input');

4.并列获取

同时获取，id为dv1,dv2,dv3的元素

var dvObjs = $('#dv1,#dv2,#dv3');

5.层级获取

获取id为ul下的所有标签为li的元素

var liObjs = $('#ul li');

6.获取子元素

获取id为ul下的子元素为li 的元素（不包括子元素的子元素）

var liObjs2 = $('#ul > li');

二.筛选获取

1.第一个元素

var liFirst = $('li:first'); 

2.最后一个元素

var liLast = $('li:last');

3.按索引获取元素（eq:equal）//索引从0开始

var li3 = $('li:eq(3)');

var li3 = $('#ul li:eq(3)');

4.指定范围的元素

索引小于3的元素（lt:less than)

var liObjs1 = $('li:lt(3)');

索引大于8的元素(gt:greater than）

var liObjs2 = $('li:gt(8)');

5.奇数元素

var liEven = $('li:even');

6.偶数元素

var liOdd = $('li:odd');

7.包含指定文本

var liSaha = $('li:contains(娑娜)');

8.包含指定元素

var liAsia = $('li:has("label")');

9.通过属性筛选：

获取li中name属性的值为Vicz的元素

var liVicz = $('li[name=Vicz]');

获取li中name属性的值不为Vicz的元素

var liVicz = $('li[name!=Vicz]');

获取li中name属性的值以a开头的元素

var liA = $('li[name^=a]');

获取li中name属性的值为Gaylen并且class属性值为Katrina的元素

var liGK = $('li[name=Gaylen][class=Katrina]');

三.关系获取

子元素

li的第一个子元素

var liFirstChild = $('li:first-child');

最后一个子元素

var liLastChild = $('li:last-child');

第五个子元素（索引从一开始）

var liFiveChild = $('li:nth-child(5)');

某一li元素的下一元素

var liSixChild = liFiveChild.next();

某一li元素的上一元素

var liFourChild = liFiveChild.prev();

获取父元素

var liParent = liFiveChild.parent();

获取先辈元素

var liParents = liFiveChild.parents();

获取先辈元素中的class属性为dv的元素

var liParentsDv = liFiveChild.parents('.dv');

获取同辈所有元素除了自身

var liSiblings = liFiveChild.siblings();

在id为ul的元素中寻找class为Asia的元素

var liAsia = $('#ul').find('.Asia');