JQuery之五 操作元素內容

2022-03-20 22:13:06 字數 1192 閱讀 8542

前面已經介紹了如何操作元素的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 返回或設定被選元素的文字內容 如果,沒有引數,返回被選元素的文字內容 如果,有引數,設定被...