jQuery學(xué)習(xí)筆記 操作jQuery對象 文檔處理
移動元素
方法 |
描述 |
append($(selector)) |
向當(dāng)前元素的內(nèi)部追加內(nèi)容 |
appendTo($(selector)) |
將當(dāng)前元素在某元素內(nèi)部追加。但由于會根據(jù)需要對當(dāng)前元素進行移動,所以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í)行的時機和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實現(xiàn)使用sort方法對json數(shù)據(jù)排序的方法
這篇文章主要介紹了jQuery實現(xiàn)使用sort方法對json數(shù)據(jù)排序的方法,涉及jQuery基于ajax針對json格式文件數(shù)據(jù)的動態(tài)載入與排序相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jQuery插件HighCharts繪制2D柱狀圖、折線圖的組合雙軸圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D柱狀圖、折線圖的組合雙軸圖效果,結(jié)合實例形式分析了jQuery使用HighCharts插件同時繪制柱狀圖、折線圖的組合雙軸圖實現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03Jquery 選中表格一列并對表格排序?qū)崿F(xiàn)原理
該實現(xiàn)的主要思想是:獲取鼠標(biāo)點擊的表頭單元格的列號,遍歷數(shù)據(jù)行,獲取每個<tr>中的html,同時獲取每個<tr>標(biāo)簽下對應(yīng)獲取到的列號的<td>標(biāo)簽中的內(nèi)容,并取得<th>標(biāo)簽的type屬性值,需要的朋友可以了解下2012-12-12