一、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>