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

首頁 > 編程 > JavaScript > 正文

jquery中append()與appendto()用法分析

2019-11-20 13:55:36
字體:
來源:轉載
供稿:網友

本文實例分析了jquery中append()與appendto()的用法。分享給大家供大家參考。具體分析如下:

在jQuery的文檔操作方法中,append()和appentto()方法執行的任務相同,但是兩者也有區別。

1、append()方法:在被選元素的結尾(但仍在元素內部)插入指定的內容。

a、語法:

復制代碼 代碼如下:
$(selector).append(content);
其中,參數content是必需的,指定要附加的內容。

b、append能夠使用函數給被選元素附加內容,語法為:

復制代碼 代碼如下:
$(selector).append(function(index,html));
其中,function()是必需的,參數index和html都是可選的。index表示接收選擇器的index位置,html表示接收選擇器的當前html。

例子:

復制代碼 代碼如下:
<html> 
<head> 
<script type="text/javascript" src="/jquery/jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("button").click(function(){ 
    $("p").append(" <b>Hello jQuery!</b>"); 
  }); 
}); 
</script> 
</head> 
<body> 
<p>This is a paragraph.</p> 
<p>This is another paragraph.</p> 
<button>在每個 p 元素的結尾添加內容</button> 
</body> 
</html>

運行結果如下:

This is a paragraph. Hello jQuery!
This is another paragraph. Hello jQuery!

2、appendto()方法:在被選元素的結尾(但仍在元素的內部)插入指定的內容。但不能使用函數來附加內容。

語法:

復制代碼 代碼如下:
$(content).appendto(selector);

例子:

復制代碼 代碼如下:
<html> 
<head> 
<script type="text/javascript" src="/jquery/jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("button").click(function(){ 
    $("<b> Hello jQuery!</b>").appendTo("p"); 
  }); 
}); 
</script> 
</head> 
<body> 
<p>This is a paragraph.</p> 
<p>This is another paragraph.</p> 
<button>在每個 p 元素的結尾添加內容</button> 
</body> 
</html>

運行結果如下:

This is a paragraph. Hello jQuery!
This is another paragraph. Hello jQuery!

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 徐水县| 布尔津县| 东乡族自治县| 隆林| 铜梁县| 兰考县| 昌黎县| 赣榆县| 祁东县| 石门县| 大足县| 澄江县| 东兰县| 西平县| 青岛市| 邯郸市| 包头市| 贵德县| 称多县| 五常市| 定陶县| 邹平县| 洪江市| 桦甸市| 北安市| 丹寨县| 六盘水市| 贞丰县| 越西县| 台前县| 六安市| 泰兴市| 北京市| 彭山县| 太康县| 保靖县| 平山县| 文山县| 彭泽县| 宁晋县| 个旧市|