当前位置: 首页 > 文档资料 > jQuery 入门教程 >

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>