當前位置:成語大全網 - 書法字典 - jquery中append()和appendto()的用法分析

jquery中append()和appendto()的用法分析

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

在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程序設計有所幫助。