元素內部
.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...