jQuery DOM元素 和 表單值操作

2021-08-08 14:43:14 字數 2135 閱讀 7793

元素內部

.prepend() 最前面

元素外部

.before()   前面

.after() 後面

當我們使用以上方法,引數是乙個jquery物件時,元素會做相應移動。

以上方法的引數,可以是jquery物件,可以是html片段,還可以是陣列,字串等等。

上面的方法,都是往什麼裡面新增元素;

其實還有另一種邏輯,就是把元素新增到什麼裡面。

prepengto(target)

insertbefore(target)

insertafter(target)

所有匹配到的結果,都會分別進行一次包裹。

例如,用p包裹a,

最終結果是每乙個a外部,都有乙個p,而不是乙個p包裹所有a。

引數說明

可以是html片段jquery物件

如果是jquery物件,它不會移動該元素,而是複製乙份出來去包裹。

將所有結果,用乙個元素包裹。

也就是乙個p,包裹所有a。

簡單來說,就是只包裹標籤內的內容。

取消上面的包裹方法。

頁面不顯示了,html結構裡也沒有了,jquery物件裡仍然有該元素,但是這個元素繫結的事件和附加的資料去除了

如果把該元素移動到別的地方,假設這個元素是p,那麼它就會重新在頁面顯示出來,但是資料、事件都沒有了。

頁面不顯示了,html結構裡也沒有了,但仍然保留事件和資料

如果只是想把內容清空,可以使用這方法。

html結構裡還有,只是沒有了內容。事件、屬性、資料都還在。

如果元素裡還有子節點,會被移除掉。

clone([even[deepeven]])

引數說明:

兩個引數是布林值

如果都為空,預設第乙個是false;

如果只傳乙個引數,設定的是第二個引數。

第乙個引數是,元素自身的事件和資料;

第二個引數是元素自身以及子節點的事件和資料。

(target).replacewith(content) && (content).replaceall(target)

前者,匹配元素被引數所替換

後者,元素用來替換引數

本節提到的以下方法,都是破壞性操作。

prependto()

insertbefore()

insertafter()

replaceall

.val( )      獲取值

.val(value) 設定值

在獲取單選框的值得時候,需要加上「:checked」選擇器。

不能用val( )來獲取,val只能獲取到乙個。

使用map()或each()方法,遍歷引數,然後返回每個引數的值

再使用val()

最後用jquery物件的toarray()方法,轉換成陣列

例項

$('[name = "checkbox"]:checked').map(function

()).toarray();

下拉選擇框(單選和多選)、核取方塊(checkbox)設定時,都是用陣列方式設定。

jQuery DOM 元素方法

toarray 將 li 元素轉換為陣列,然後輸出該陣列元素的 innerhtml button click function selector size index 獲得第乙個 p 元素的名稱和值 li click function selector index 獲得元素相對於選擇器的 index...

jquery dom和css設定元素內容

應用jquery設定元素及內容 1.如何獲取 設定元素中的html內容 2.如何獲取 設定元素中的文字內容 3.如何獲取 設定表單中的文字內容 獲取html內容,包括html標籤在內 function 設定html內容,會覆蓋原來存在的內容 function 獲取文字內容,不包含html標籤在內 f...

jQuery dom元素屬性操作

2.刪除屬性 removeattr 3.獲取屬性值 二 dom元素的屬性設定 獲取 刪除 prop 2.刪除屬性 removeprop 3.獲取屬性值 四 removeattr 和removeprop 的區別 五 attr和prop的相互轉化使用 引數說明引數 說明name 屬性名稱 propert...