前言:这是本类别博文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])
分享到:
相关推荐
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
主要介绍了jQuery实现获取元素索引值index的方法,涉及jQuery针对页面元素的遍历,index索引操作及属性操作相关技巧,需要的朋友可以参考下
下面小编就为大家带来一篇jquery获取form表单input元素值的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
*获得TEXT.AREATEXT的值*/
1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 ——————————————————————————– 2.获取...
主要介绍了Jquery方式如何获取iframe页面中的Dom元素,需要的朋友可以参考下
主要介绍了jQuery如何获取动态添加的元素的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...
本文实例讲述了Jquery实现获取子元素的方法。分享给大家供大家参考,具体如下: Jquery获取子元素的方法有2种,分别是children()方法和find()方法。下面我们分别来使用这两种方法,看看它们有何差异。 1.children()...
之前做的一些JQUERY应用都是些很基础的编程,对于选择器要求不高,像类似于“$(‘.class’)”、“$(‘#id’)”、“$(‘#id>.class’)”、“$(this)”、“$(this).parent()”、“$(this).children()”这些简单的语句...
jquery父子窗口互相获取元素demo的代码,希望对大家有用
希望大家多多支持,共同学习,共同进步!
主要介绍了使用jQuery获取元素父节点的方法,通俗易懂,需要的朋友可以参考下。
js与jquery获取父元素,删除子元素的两种不同方法.docx
如获取id为divId的div下的第一个子div $("#divId").children("div").get(0) ...以上这篇Jquery获取第一个子元素简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
本篇文章主要是对js与jquery获取父级元素,子级元素,兄弟元素的实现方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
本文实例讲述了jQuery获取父元素节点、子元素节点及兄弟元素节点的方法。分享给大家供大家参考,具体如下: 先来看这段html代码,整个取节点(父、子、兄弟等)的方法都是围绕这段代码来的: 条目一 第一项 ...
主要介绍了jquery如何获取元素的滚动条高度等实现代码,需要的朋友可以参考下