jQuery學(xué)習(xí)筆記 操作jQuery對象 文檔處理
移動元素
|
方法 |
描述 |
|
append($(selector)) |
向當(dāng)前元素的內(nèi)部追加內(nèi)容 |
|
appendTo($(selector)) |
將當(dāng)前元素在某元素內(nèi)部追加。但由于會根據(jù)需要對當(dāng)前元素進(jìn)行移動,所以jQuery對象更改了,可用end()還原 |
|
prepend($(selector)) |
向當(dāng)前元素的內(nèi)部前置內(nèi)容 |
|
prependTo($(selector)) |
將當(dāng)前元素在某元素內(nèi)部前置。類似于appendTo(),會改變對象 |
|
after($(selector)) |
向當(dāng)前元素之后插入內(nèi)容 |
|
insertAfter($(selector)) |
將當(dāng)前元素插入到某元素之后。類似于appendTo(),會改變對象 |
|
before($(selector)) |
向當(dāng)前元素之前插入內(nèi)容 |
|
insertBefore($(selector)) |
將當(dāng)前元素插入到某元素之前。類似于appendTo(),會改變對象 |
添加元素
|
方法 |
描述 |
|
$(html) |
創(chuàng)建生成jQuery對象。根據(jù)原始HTML代碼字符串,創(chuàng)建指向新元素的jQuery對象,再利用移動方法來添加到文檔中 |
|
clone() |
復(fù)制生成jQuery對象。復(fù)制當(dāng)前選定頁面元素,生成副本元素的jQuery對象,同樣利用移動方法來添加到文檔中。而且clone()指向副本,相當(dāng)于更改了jQuery對象,所以可用一次end()還原到當(dāng)前選定元素;二次end()則徹底還原對jQuery對象的更改 |
替換元素
|
方法 |
描述 |
|
replaceWith($(selector)) replaceWith($(html)) |
移動頁面上原有的元素來替換當(dāng)前選定的頁面元素,也可以添加新元素來替換 |
|
replaceAll($(selector)) replaceAll($(html)) |
用當(dāng)前選定的元素來替換某元素,可以使頁面上原有元素,也可以是新元素。同樣會根據(jù)需要復(fù)制當(dāng)前元素副本,從而更改jQuery對象 |
包裹元素
|
方法 |
描述 |
|
wrap($(selector)) wrap($(html)) |
復(fù)制頁面上原有的元素來包裹當(dāng)前選定的元素,也可以添加新元素來包裹 |
|
unwrap() |
用來去除當(dāng)前元素的父元素,但是父元素內(nèi)部的文本內(nèi)容依舊保留 |
|
wrapAll($(selector)) |
復(fù)制頁面原有元素把所有當(dāng)前選定元素包裹在一起,不同于wrap()分別包裹每個元素 |
|
wrapInner($(selector)) |
復(fù)制頁面原有元素把分別包裹每個當(dāng)前選定元素內(nèi)部的文本和后代元素,不同于wrap()分別包裹每個元素本身 |
刪除和清空元素
|
方法 |
描述 |
|
remove() |
刪除當(dāng)前元素,該元素包含的文本內(nèi)容和后代元素會一起刪除掉,綁定的事件也不復(fù)存在 |
|
detach() |
同樣是刪除當(dāng)前元素,但是綁定的事件還是存在的 |
|
empty() |
清空當(dāng)前元素,該元素的文本內(nèi)容和后代元素都將刪除,但保留其本身 |
- Jquery 基礎(chǔ)學(xué)習(xí)筆記之文檔處理
- 詳解Jquery實現(xiàn)ready和bind事件
- jquery中ready()函數(shù)執(zhí)行的時機(jī)和window的load事件比較
- jquery $(document).ready()和window.onload的區(qū)別淺析
- jQuery中ready事件用法實例
- jQuery.holdReady()方法用法實例
- jQuery的ready方法詳解
- jquery中的$(document).ready()使用小結(jié)
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- 模擬jQuery中的ready方法及實現(xiàn)按需加載css,js實例代碼
- jQuery的文檔處理程序詳解
相關(guān)文章
Jquery遍歷select option和添加移除option的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫query遍歷select option和添加移除option的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
JQuery實現(xiàn)table行折疊效果以JSON做數(shù)據(jù)源
這篇文章主要介紹JQuery實現(xiàn)的table行折疊效果并以JSON做數(shù)據(jù)源,需要的朋友可以參考下2014-05-05
Jquery 插件學(xué)習(xí)實例1 插件制作說明與tableUI優(yōu)化
Jquery 插件學(xué)習(xí)實例1 插件制作說明與tableUI優(yōu)化,需要的朋友可以參考下。2010-04-04
jQuery綁定點擊事件與改變事件的方式總結(jié)及多個元素綁定多個事件
我們一說到j(luò)Query中對于元素的修改,就是元素的內(nèi)容、屬性、樣式的修改,下面這篇文章主要給大家介紹了關(guān)于jQuery綁定點擊事件與改變事件的方式總結(jié)及多個元素綁定多個事件的相關(guān)資料,需要的朋友可以參考下2022-12-12
基于jQuery實現(xiàn)拖拽圖標(biāo)到回收站并刪除功能
這篇文章主要介紹了基于jQuery實現(xiàn)拖拽圖標(biāo)到回收站并刪除功能,實現(xiàn)非常簡單,我們直接可以利用jQuery內(nèi)部封裝的拖拽接口即可簡單實現(xiàn)在網(wǎng)頁上拖拽任意元素的功能,感興趣的小伙伴們可以參考一下2015-11-11

