jQuery文档对象方法

增加

1. append(content|fn)
描述: 在每个匹配元素里面的末尾处插入参数内容。
下面一段代码:

<ul>
	<li>1</li>
	<li>2</li>
	<li >3</li>
</ul>		

在第一个li的里面面添加一个元素;

	$("ul li:eq(0)").append("<li>5</li>");

结果:
在这里插入图片描述
2.appendTo(content)
描述: 将匹配的元素插入到目标元素的最后面。
下面一段代码:

<ul>
	<li>1</li>
	<li>2</li>
	<li >3</li>
</ul>		

将匹配的内容插入到第一个li里面;

	$("<li>5</li>").appendTo("ul li:eq(0)");

结果:
在这里插入图片描述
3.prepend(content|fn)
描述: 将参数内容插入到每个匹配元素的前面。
同样的一段代码,同样的需求,语法:

	$("ul li:eq(0)").prepend("<li>5</li>");

结果:
在这里插入图片描述

4.prependTo(content)
**描述:**将所有元素插入到目标前面。
语法:

	$("<li>5</li>").prependTo("ul li:eq(0)");

结果和prepend一样:
在这里插入图片描述
以上四种都是在选择的元素内部插入的。
5.after(content|fn)
描述: 在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点。
语法:

	$("ul li:eq(0)").after("<li>5</li>");

结果:
在这里插入图片描述

6.before(content|fn)
描述:在匹配元素集合中的每个元素前面插入参数所指定的内容,作为其兄弟节点。
语法:

	$("ul li:eq(0)").before("<li>5</li>");

结果:
在这里插入图片描述

7.insertAfter(content)
**描述:**在目标元素后面插入集合中每个匹配的元素。
语法:

	$("<li>5</li>").insertAfter("ul li:eq(0)");

结果和after一样
8.insertBefore(content)
**描述:**在目标元素前面插入集合中每个匹配的元素。
语法:

	$("<li>5</li>").insertBefore("ul li:eq(0)");

结果和before一样。

查找

1.next([selector])
描述: 取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素。
2.prev([selector])
描述: 取得匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素。
3.nextAll( [selector ] )
**描述:**查找当前元素之后所有的同辈元素。传参数表示过滤。
4.prevAll( [selector ] )
**描述:**查找当前元素之前所有的同辈元素。传参数表示过滤。
5.nextUntil([exp|ele][,fil])
**描述:**查找当前元素之后所有的同辈元素,直到遇到匹配的那个元素为止。
6.prevUntil([exp|ele][,fil])
**描述:**查找当前元素之前所有的同辈元素,直到遇到匹配的那个元素为止。
7.siblings( [selector ] )
**描述:**获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器。
8.parent( [selector ] )
**描述:**取得匹配元素集合中每个元素的父元素,可以提供一个可选的选择器。
9.parents( [selector ] )
**描述:**取得匹配元素集合中每个元素的祖先元素,可以提供一个可选的选择器。

删除

1.empty()
**描述:**删除里面所有的子节点 。
2.remove([expr])
**描述:**从DOM中删除所有匹配的元素。
3.detach([expr])
**描述:**从DOM中删除所有匹配的元素。
和remove的区别在于;remove不会保留事件,detach会保留事件

替换

1.replaceWith(content|fn)
**描述:**用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合。
2.replaceAll(content|fn)
**描述:**用集合的匹配元素替换每个目标元素。

复制

clone([Even[,deepEven]])
**描述:**克隆匹配的DOM元素并且选中这些克隆的副本。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值