在jQuery的文檔操作方法中,append()和appentto()方法執行相同的任務,但它們也有所不同。
1,append()方法:在所選元素的末尾插入指定內容(但仍在元素內部)。
語法:復制代碼
代碼如下:$(選擇器)。追加(內容);其中,需要參數content來指定要附加的內容。
B.append可以使用函數將內容附加到所選元素。語法是:復制代碼。
代碼如下:$(選擇器)。Append(函數(index,html));其中function()是必選的,參數index和html是可選的。Index表示接收選擇器的索引位置,html表示接收選擇器的當前html。
示例:
復制代碼
代碼如下:
& lthead & gt
& lt腳本
type="text/javascript "
src = "/jquery/jquery . js " & gt;& lt/script & gt;
& lt腳本
type = " text/JavaScript " & gt;
$(文檔)。ready(function(){
$(“按鈕”)。單擊(函數(){
$(“p”)。追加(“
& ltb & gt妳好
jQuery!& lt/b & gt;");
});
});
& lt/script & gt;
& lt/head & gt;
& ltbody & gt
& ltp & gt這
是
a
段落。& lt/p & gt;
& ltp & gt這
是
另壹個
段落。& lt/p & gt;
& ltbutton & gt在每個
p
在元素末尾添加內容
& lt/body & gt;
& lt/html & gt;
運行結果如下:
這
是
a
段落。
妳好
jQuery!
這
是
另壹個
段落。
妳好
jQuery!
2.appendto()方法:在所選元素的末尾插入指定的內容(但仍在元素內部)。但是不能用函數來附加內容。
語法:復制代碼
代碼如下:$(內容)。appendto(選擇器);
示例:
復制代碼
代碼如下:
& lthead & gt
& lt腳本
type="text/javascript "
src = "/jquery/jquery . js " & gt;& lt/script & gt;
& lt腳本
type = " text/JavaScript " & gt;
$(文檔)。ready(function(){
$(“按鈕”)。單擊(函數(){
$(" & lt;b & gt
妳好
jQuery!& lt/b & gt;").appendTo(" p ");
});
});
& lt/script & gt;
& lt/head & gt;
& ltbody & gt
& ltp & gt這
是
a
段落。& lt/p & gt;
& ltp & gt這
是
另壹個
段落。& lt/p & gt;
& ltbutton & gt在每個
p
在元素末尾添加內容
& lt/body & gt;
& lt/html & gt;
運行結果如下:
這
是
a
段落。
妳好
jQuery!
這
是
另壹個
段落。
妳好
jQuery!
希望這篇文章對妳的jQuery程序設計有所幫助。