jQuery如何使用add()方法?代码示例

2021年3月19日18:55:00 发表评论 721 次浏览

jQuery add()方法用于将元素添加到现有元素组中。如果定义了context参数, 则此方法可以将元素添加到整个文档中, 也可以添加到context元素中。

语法如下:

$(selector).add(element, context_parameter)

在这里选择器有助于找到匹配的元素。

参数:

它接受下面指定的两个参数:

element:它是选定的元素。

context_parameter:它是所定义元素的上下文参数。

jQuery代码显示add()方法的工作方式:

< html >
  
< head >
     < script src="https://ajax.googleapis.com/ajax/libs
                  /jquery/3.3.1/jquery.min.js"></ script >
     < script >
         $(document).ready(function() {
             $(".heading").add("#para1").add("#span1").
             css("background-color", "lightgreen");
         });
     </ script >
</ head >
  
< body >
     < p style = "color:green" class = "heading" >Welcome to GfG!!!</ p >
     < p style = "color:green" id = "para1" >Welcome to lsbin !!!</ p >
     < span style = "color:green" id = "span1" >Article 1 !!!.</ span >
     < div >This example adds the same css style for both
         "p" and "span" elements, using its class and
          id name!!! </ div >
</ body >
  
</ html >

输出如下:

jQuery |示例中的add()方法1

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: