add方法的使用

 

一、add方法的使用

 

 

add方法的作用是,在已选择的元素列表中,再添加某一类元素。例如:

基本使用方法:

 

The updated set of elements can be used in a following (chained) method, or assigned to a variable for later use. For example:

$("p").add("div").addClass("widget");

var pdiv = $("p").add("div");

 

The following will not save the added elements, because the .add() method creates a new set and leaves the original set in pdiv unchanged:

var pdiv = $("p");

pdiv.add("div");  // WRONG, pdiv will not change

 

 

具体使用:

var name = $( "#name" ),

email = $( "#email" ),

password = $( "#password" ),

allFields = 

 

$( [] ).add( name ).add( email ).add( password ),

tips = $( ".validateTips" );

 

 

$("div").css("border", "2px solid red")

        .add("p")

        .css("background", "yellow");

先给div加2个像素的红边框,然后再给div和p添加黄色的背景。

 

<!DOCTYPE html>

<html>

<head>

  <script src="http://code.jquery.com/jquery-latest.js"></script>

</head>

<body>

  <p>Hello</p><span id="a">Hello Again</span>

<script>$("p").add(document.getElementById("a")).css("background", "yellow");</script>

 

</body>

</html>

 

 

 

 

二、元素的选择

 

$("*")这是选择页面上的所有元素,可以通过$("*").length查看选择了多少元素。

 

$() 或者 $( [] ) 不选择元素

 

 

相关方法的使用:

 

<!DOCTYPE html>

<html>

<head>

   <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

</head>

<body>

  <p>Hello</p>

<script>$("p").clone

 

().add("<span>Again</span>").appendTo(document.body);</script>

 

</body>

</html>

 

你可能感兴趣的:(add)