国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery中.add()的使用分析

2019-11-20 22:46:00
字體:
來源:轉載
供稿:網友

add() 將元素添加到匹配元素的集合中。這是jquery參考手冊上的表述。但其提供的例子鏈接錯誤,因此沒有對add()的實例說明。這里就提供幾個例子,以便更好的掌握add()的用法。

例一

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<style>
div { width:60px; height:60px; margin:10px; float:left; }
p { clear:left; font-weight:bold; font-size:16px;
color:blue; margin:0 10px; padding:2px; }
</style>
<script language="JavaScript" type="text/JavaScript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
<script>
$(document).ready(function(){
 $("div").css("border", "2px solid red").add("p").css("background", "yellow");
});
</script>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<p>Added this… (notice no border)</p>
</body>
</html>

結果如下圖所示:


解說:這里的add("p")相當于和的意思,就是說$("div")的css和p的css。這里注意的是div是有邊框的。而p沒有。

例二

復制代碼 代碼如下:

<body>
<p>Hello</p><span>Hello Again</span>
</body>

復制代碼 代碼如下:

$("p").add("span").css("background", "yellow");

結果如下圖所示:



p和span的css,相當于

$("p,span").css("background","yellow");

例三:

復制代碼 代碼如下:

<body>
<p>Hello</p>
</body>

復制代碼 代碼如下:

$("p").clone().add("<span>Again</span>").appendTo(document.body);

結果如下:

clone()復制的意思;復制一個p和把<span>Again</span>插入到文檔的body中。

這里插一句:如果不用clone(),則原來的p不存在了。看下面例子:

復制代碼 代碼如下:

<script>
$(document).ready(function(){
  $("p").add("<span>Again</span>").appendTo(document.body);
  alert($("body").html());
});
</script>
</head>
<body>
<p>Hello</p>
</body>
</html>

結果如下圖所示:



例四:

復制代碼 代碼如下:

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

復制代碼 代碼如下:

$("p").add(document.getElementById("a")).css("background", "yellow");

結果如下:

這表明add()中的參數不僅可以是選擇器,也可以是DOM元素。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 麻江县| 肥乡县| 文成县| 花垣县| 乌海市| 勐海县| 宁陵县| 黑河市| 东安县| 镇赉县| 甘洛县| 阿克苏市| 永川市| 同德县| 珠海市| 松溪县| 双鸭山市| 开化县| 南岸区| 铁力市| 邢台市| 肇庆市| 靖江市| 肃南| 特克斯县| 金阳县| 游戏| 全椒县| 黄石市| 门源| 威宁| 三都| 武隆县| 武冈市| 霍邱县| 墨江| 高密市| 金昌市| 金川县| 都江堰市| 栾城县|