jquery搜索和设置元素
浏览数：44 /
时间：2015年06月09日
文章摘自：http://blog.chinaunix.net/uid-26957269-id-3530689.html
搜索元素
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])
设置元素
1、在元素内部追加内容
$("元素名").append(content)
2、在元素中的不同位置追加内容
$("元素名").appendTo(content)
3、在元素的开始位置追加内容
$("元素名").prepend(content)
4、在不同元素的开始位置追加元素
$("元素名").prependTo(content)
5、在元素后追加兄弟元素
$("元素名").after(content)
6、在元素前追加兄弟元素
$("元素名").before(content)
7、用指定结构的元素包含元素
$("元素名").wrap(html)
8、用指定结构的元素包含多个元素的集合
$("元素名").wrapAll(html)
9、用指定标签包含子元素
$("元素名").wrapInner(html)
10、替换元素
$("元素名").replaceWith(content)
$("元素名").replaceAll(selector)
11、删除元素
$("元素名").empty()
$("元素名").remove([expr])
12、复制元素
$("元素名").clone()
$("元素名").clone(true)
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
