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>

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值