JQuery獲取元素內容操作元素

2021-10-01 06:31:00 字數 1760 閱讀 3058

獲取/設定元素內容體html**語法屬性名屬性說明

jquery物件.html()

獲得內容體html**,如果有標籤**,一併獲得。

jquery物件.html("html**")

設定html**,如果有標籤,將進行解析。

你好		

獲取/設定元素內容體純文字語法屬性名屬性說明

jq物件.text()

獲得文字,如果有標籤,忽略。

jq物件.text("純文字")

設定文字,如果含有html標籤,不進行解析。原樣輸出。

你好		

作為子標籤追加到末尾屬性名

屬性說明

先獲取jquery物件,把html作為子標籤追加到jquery物件的末尾

html**要放在$()中,作為子標籤追加到jquery物件的末尾

作為子標籤新增到開頭

屬性名屬性說明

$('jquery物件').prepend('html**')

獲取jquery物件,把html作為子標籤新增到jquery物件的開始

$('html**').prependto('jquery物件');

html**要放在$()中,作為子標籤追加到jquery物件的開始

作為兄弟標籤新增到前面

屬性名屬性說明

$('jquery物件').before('html**')

獲取jquery物件,把html作為兄弟標籤新增到jquery物件的前面

$('html**').insertbefore('jquery物件');

html**要放在$()中,作為兄弟標籤新增到jquery物件的前面

作為兄弟標籤新增到後面

屬性名屬性說明

$('jquery物件').after('html**')

獲取jquery物件,把html作為兄弟標籤新增到jquery物件的後面

$('html**').insertafter('jquery物件');

html**要放在$()中,作為兄弟標籤新增到jquery物件的後面

新增父標籤

屬性名屬性說明

$('jquery物件').wrap('html**')

獲取jquery物件,把html作為父標籤新增

刪除標籤

屬性名屬性說明

$('jquery物件').empty()

清除選擇的標籤中的所有子標籤

$('jquery物件').remove()

刪除標籤自身,包括子標籤

jQuery獲取元素內容

返回或設定被選元素的內容 如果,沒有引數,返回被選元素的內容 如果,有引數,設定被選元素的內容 返回元素 var text divclass html 設定元素 var a 我是a標籤a div.html a 返回或設定被選元素的文字內容 如果,沒有引數,返回被選元素的文字內容 如果,有引數,設定被...

jQuery對元素內容操作

jquery提供了對元素的內容和值進行操作的方法,其中,元素的值是元素的一種屬性,大部分元素的值都對應value屬性。下面我們再來對元素的內容進行介紹。元素的內容是指定義元素的起始標記和結束標記中間的內容,又可分為文字內容和html內容。那麼什麼是元素的文字內容和html內容?通過下面這段來說明。測...

JQuery之五 操作元素內容

前面已經介紹了如何操作元素的properties attributes 以及 css styles,這節來看看如何操作元素的內容。獲取或替換html及text內容 1.使用html 方法 1 不帶引數的html 2 帶引數的html value 2.使用text 方法 1 不帶引數的text 2 t...