国产探花免费观看_亚洲丰满少妇自慰呻吟_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程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 开远市| 石狮市| 合水县| 原阳县| 汉川市| 都匀市| 临潭县| 无锡市| 永靖县| 都江堰市| 黑龙江省| 平阴县| 玛纳斯县| 合水县| 天津市| 定南县| 新源县| 博兴县| 集安市| 若羌县| 商城县| 望都县| 鹤峰县| 大关县| 治多县| 定日县| 阜城县| 七台河市| 阳江市| 镇雄县| 永福县| 舟山市| 来安县| 西华县| 大方县| 依兰县| 东乡族自治县| 武邑县| 特克斯县| 靖宇县| 海原县|