andSelf()

优质

小牛编辑

113浏览

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>