jQuery中html()方法用法實例_jquery

本文實例講述了jQuery中html()方法用法。分享給大家供大家參考。具體分析如下：

此方法能夠設定並取得符合元素的HTML內容，原來的內容將會被新設定的內容取代。

特別說明:

HTML內容就是內容中可以包含HTML標籤，並且能夠被瀏覽器渲染。
文字內容是先將內容中的HTML預設字元轉換成html字元實體，這樣HTML標籤就不會被渲染。
語法結構一:

複製程式碼 程式碼如下:

$(selector).html()

此時方法不帶參數時候是取得第一個符合元素的html內容。

此方法與text()方法沒有參數用法類似，但還是有很大差別：

一.html()方法取得第一個符合元素的內容，而text()方法是取得所有符合元素所包含的內容。
二.html()方法取得內容html內容，而text()方法取得是文字內容。

實例碼:

複製程式碼 程式碼如下:

 

   
• 腳本之家歡迎您

 

點選查看效果

以上程式碼將傳回div元素中的內容。
語法結構二:

複製程式碼 程式碼如下:

$(selector).html(content)

有參數的時候是設定所有符合元素而的html內容。
此方法與text()方法帶有參數的用法類似，但還是有很大的區別：
html()方法設定的是html內容，而text()方法設定的是文字內容。

實例碼:

以下程式碼將div中的html內容設定為"我是重新設定後的內容"。

複製程式碼 程式碼如下:

原來內容

點選查看效果

實例二：

複製程式碼程式碼如下：

點選查看效果
身體>

透過這個實例大家可以觀察一下html內容和文字內容的差別。

希望本文對大家介紹的 jQuery 程式設計有所幫助。