jquery搜索和设置元素

时间：2015-02-01 17:29:47 阅读：277 评论：0 收藏：0 [点我收藏+]

标签：

文章摘自：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)

jquery搜索和设置元素

标签：

原文地址：http://www.cnblogs.com/victor-wxy/p/4265619.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行