前面已經介紹了如何操作元素的properties&attributes 以及 css styles,這節來看看如何操作元素的內容。
獲取或替換html及text內容
1. 使用html()方法
1) 不帶引數的html()
2) 帶引數的html(value)
2. 使用text()方法
1) 不帶引數的text()
2) text(value)
移動或者拷貝元素內容
content可以是(string|element|object) 中的任何乙個,也就是:
--包含html標籤的string
--dom elment
特別需要注意:content是被移動或者拷貝取決於target,如果target只有乙個element則是移動,如果target是一堆elements則是拷貝。如果想在target是乙個element時拷貝的話就不能這麼玩了,應該如下:
target可以是乙個表示jquery selector的字串或者乙個dom element。
3. 其他類似方法
1) target.prepend(content) 或 content.perpendto(target)
將content表示的元素(或集合)移動或拷貝到target的第乙個子元素之前。
2) target.before(content) 或 content.insertbefore(target)
將content表示的元素(或集合)移動或拷貝到target之前(而不是作為子元素)
3) target.after(content) 或 content.insertafter(target)
將content表示的元素(或集合)移動或拷貝到target之後。
這些方法都遵循上述target單複數的移動或拷貝原則。
包裹元素
移出元素
1. 使用remove()方法
2. 使用empty()方法
轉殖元素
使用clone(copyhandlers) 方法
前面已經給出用clone()方法彌補target只包含乙個元素只能move的問題。
這些東西,比較枯燥,得多試驗才能得到真正的結果。
JQuery獲取元素內容操作元素
獲取 設定元素內容體html 語法屬性名屬性說明 jquery物件.html 獲得內容體html 如果有標籤 一併獲得。jquery物件.html html 設定html 如果有標籤,將進行解析。你好 獲取 設定元素內容體純文字語法屬性名屬性說明 jq物件.text 獲得文字,如果有標籤,忽略。jq...
jQuery對元素內容操作
jquery提供了對元素的內容和值進行操作的方法,其中,元素的值是元素的一種屬性,大部分元素的值都對應value屬性。下面我們再來對元素的內容進行介紹。元素的內容是指定義元素的起始標記和結束標記中間的內容,又可分為文字內容和html內容。那麼什麼是元素的文字內容和html內容?通過下面這段來說明。測...
jQuery獲取元素內容
返回或設定被選元素的內容 如果,沒有引數,返回被選元素的內容 如果,有引數,設定被選元素的內容 返回元素 var text divclass html 設定元素 var a 我是a標籤a div.html a 返回或設定被選元素的文字內容 如果,沒有引數,返回被選元素的文字內容 如果,有引數,設定被...