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])

相关推荐