andSelf()
优质
小牛编辑
130浏览
2023-12-01
描述 (Description)
andSelf( )方法将先前的选择添加到当前选择。
当您在脚本中有多个遍历,然后添加在上次遍历之前匹配的内容时,此方法很有用。
语法 (Syntax)
以下是使用此方法的简单语法 -
<i>selector</i>.andSelf( )
参数 (Parameters)
以下是此方法使用的所有参数的说明 -
NA.
例子 (Example)
以下是一个简单的例子,简单地显示了这种方法的用法 -
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("div").find("p").andSelf().addClass("border");
});
</script>
<style>
p, div { margin:5px; padding:5px; }
.border { border: 2px solid red; }
.background { background:yellow; }
</style>
</head>
<body>
<div>
<p>First Paragraph</p>
<p>Second Paragraph</p>
</div>
</body>
</html>
这里边界将被添加到先前的选择,这是一个分区,然后第二个选择是段落,如下所示 -
如果要删除andSelf()方法,则边框仅应用于段落。
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("div").find("p").andSelf().addClass("border");
});
</script>
<style>
p, div { margin:5px; padding:5px; }
.border { border: 2px solid red; }
.background { background:yellow; }
</style>
</head>
<body>
<div class = "border">
<p class = "border">First Paragraph</p>
<p class = "border">Second Paragraph</p>
</div>
</body>
</html>