JQuery元素获取

简介:
因为查手册太麻烦,而且有时候需要深入命令所在详细页面才能了解此命令的具体作用是什么。
写这几篇文章就是为了,工作遇到问题时,一看这几篇文章就可以查到哪个命令的作用正好符合,然后自己再深入手册进行具体学习用法。
写的都是常用的一些,前提是你对jquery命令有一定了解,且有jquery手册。

第一篇: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]) 
复制代码

 


本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/3783431.html,如需转载请自行联系原作者

相关文章
|
JavaScript 前端开发
使用jQuery操作DOM元素
使用jQuery操作DOM元素
|
前端开发 JavaScript
如何利用jQuery来向一个元素中添加和移除CSS类?
如何利用jQuery来向一个元素中添加和移除CSS类?
148 0
|
11月前
|
JavaScript
jQuery - 添加元素
通过 jQuery,可以很容易地添加新元素/内容。
101 11
|
12月前
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
68 2
|
JavaScript 前端开发
jQuery - 添加元素
jQuery - 添加元素
73 6
|
JavaScript
分别用jquery和js修改页面元素
分别用jquery和js修改页面元素
130 2
|
前端开发 JavaScript
jQuery改变元素的方法
jQuery改变元素的方法
60 1
|
JavaScript Java
分别使用java script和jQuery添加页面元素
分别使用java script和jQuery添加页面元素
67 0
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
117 5
|
JavaScript
JQuery——动态添加元素导致点击事件失效
JQuery——动态添加元素导致点击事件失效
87 0