jQuery遍历(其他遍历)

发布时间:2024年01月24日

1、.add():

添加元素到匹配的元素集合

例一:

?? ?<script>
?? ??? ?$(document).ready(function(){
?? ??? ??? ?$("div").add("p").css("background-color","red")
?? ??? ?})
?? ?</script>

?例二:

?? ?<script>
?? ??? ?$(document).ready(function(){
?? ??? ??? ?// $("div").add("p").css("background-color","red");
?? ??? ??? ?$("div").css("background-color","yellow").add("p").css("border","10px solid green ")
?? ??? ?})
?? ?</script>

?

2、.contents():

获得匹配元素集合中每个素的子元素,包括文字和注释节点。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jQuery.js"></script>
	</head>
	<body>	
<p>hallo <a href="">john</a>,how are you doing?</p>

	</body>
	<script>
		$(document).ready(function(){
			$("p").contents().filter(function(){
				return this.nodeType!=1;
			}).wrap("<b/>")
		})
	</script>
</html>

?

3、.end():

终止在当前链的最新过滤操作,并返回匹配的元素的以前状态

?? ??? ?$(document).ready(function(){
?? ??? ??? ?$("ul").find(".foo").css("background-color","yellow").end().find(".bar").css("background-color","red");
?? ??? ??? ?
?? ??? ?})
?? ?</script>

文章来源:https://blog.csdn.net/m0_59329828/article/details/135818811
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。