JQuery获取元素

1、利用标签名获取元素

$("标签名")

 

2、通过ID获取元素

$("#id_name")

 

3、通过 类名获取元素

$(".className")

 

4、一次性获取多个元素

$("元素名, 元素名, 元素名 ....")

 

5、通过指定层次关系获取元素

$("祖先    子孙")

$("父  >  子")

$("前  +  后")

$("兄  ~  弟")

 

6、根据元素的属性值获取元素

[attribute]

[attribute = value]

[attribute != value]

[attribute ^= value]

[attribute $= value]

[attribute *= value]

 

7、通过过滤器获取元素

$("元素名：过滤器")

 

过滤器列表

:first

:last

:not(filter)

:even

:odd

:eq(index)

:lt(index)

:gt(index)

:header

:animated

:contains(text)

:empty

:has(selector)

:parent【注：这个是获取非空元素不是父元素】

 

8、获取表单元素

$("：表单过滤器名")

 

获取表单元素的方法

:input

:text

:password

:radio

:checkbox

:submit

:image

:reset

:button

:file

【注：表单标签也是标签，同样可以利用标签名获取，不过有些标签类型多样可以加过滤器加以区分。如：$("input:text")】

 

9、通过过滤器获取表单元素

:enable    获取可输入状态的元素

:disabled    获取不可输入状态的元素

:checked    获取选中元素的元素

:selected    获取下拉框中选中状态的元素

 

10、从集合元素中通过指定序号获取元素

$("元素名").eq(index)

 

11、获取指定条件一致的元素

$("元素名").filter(expr)

 

12、获取指定范围的元素

$("元素名").slice(start,[end])

 

13、获取与条件表达式一致的元素

$("元素名").is(expr)

 

14、获取元素的下一个元素

$("元素名").next([expr])

 

15、获取元素的前一个元素

$("元素名").prev([expr])

 

16、获取元素的父元素

$("元素名").parent([expr])

 

17、获取元素的子元素

$("元素名").children([expr])