jQuery學(xué)習(xí)筆記 操作jQuery對象 文檔處理
移動元素
|
方法 |
描述 |
|
append($(selector)) |
向當前元素的內(nèi)部追加內(nèi)容 |
|
appendTo($(selector)) |
將當前元素在某元素內(nèi)部追加。但由于會根據(jù)需要對當前元素進行移動,所以jQuery對象更改了,可用end()還原 |
|
prepend($(selector)) |
向當前元素的內(nèi)部前置內(nèi)容 |
|
prependTo($(selector)) |
將當前元素在某元素內(nèi)部前置。類似于appendTo(),會改變對象 |
|
after($(selector)) |
向當前元素之后插入內(nèi)容 |
|
insertAfter($(selector)) |
將當前元素插入到某元素之后。類似于appendTo(),會改變對象 |
|
before($(selector)) |
向當前元素之前插入內(nèi)容 |
|
insertBefore($(selector)) |
將當前元素插入到某元素之前。類似于appendTo(),會改變對象 |
添加元素
|
方法 |
描述 |
|
$(html) |
創(chuàng)建生成jQuery對象。根據(jù)原始HTML代碼字符串,創(chuàng)建指向新元素的jQuery對象,再利用移動方法來添加到文檔中 |
|
clone() |
復(fù)制生成jQuery對象。復(fù)制當前選定頁面元素,生成副本元素的jQuery對象,同樣利用移動方法來添加到文檔中。而且clone()指向副本,相當于更改了jQuery對象,所以可用一次end()還原到當前選定元素;二次end()則徹底還原對jQuery對象的更改 |
替換元素
|
方法 |
描述 |
|
replaceWith($(selector)) replaceWith($(html)) |
移動頁面上原有的元素來替換當前選定的頁面元素,也可以添加新元素來替換 |
|
replaceAll($(selector)) replaceAll($(html)) |
用當前選定的元素來替換某元素,可以使頁面上原有元素,也可以是新元素。同樣會根據(jù)需要復(fù)制當前元素副本,從而更改jQuery對象 |
包裹元素
|
方法 |
描述 |
|
wrap($(selector)) wrap($(html)) |
復(fù)制頁面上原有的元素來包裹當前選定的元素,也可以添加新元素來包裹 |
|
unwrap() |
用來去除當前元素的父元素,但是父元素內(nèi)部的文本內(nèi)容依舊保留 |
|
wrapAll($(selector)) |
復(fù)制頁面原有元素把所有當前選定元素包裹在一起,不同于wrap()分別包裹每個元素 |
|
wrapInner($(selector)) |
復(fù)制頁面原有元素把分別包裹每個當前選定元素內(nèi)部的文本和后代元素,不同于wrap()分別包裹每個元素本身 |
刪除和清空元素
|
方法 |
描述 |
|
remove() |
刪除當前元素,該元素包含的文本內(nèi)容和后代元素會一起刪除掉,綁定的事件也不復(fù)存在 |
|
detach() |
同樣是刪除當前元素,但是綁定的事件還是存在的 |
|
empty() |
清空當前元素,該元素的文本內(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-04
jQuery插件HighCharts繪制2D柱狀圖、折線圖的組合雙軸圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D柱狀圖、折線圖的組合雙軸圖效果,結(jié)合實例形式分析了jQuery使用HighCharts插件同時繪制柱狀圖、折線圖的組合雙軸圖實現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
Jquery 選中表格一列并對表格排序?qū)崿F(xiàn)原理
該實現(xiàn)的主要思想是:獲取鼠標點擊的表頭單元格的列號,遍歷數(shù)據(jù)行,獲取每個<tr>中的html,同時獲取每個<tr>標簽下對應(yīng)獲取到的列號的<td>標簽中的內(nèi)容,并取得<th>標簽的type屬性值,需要的朋友可以了解下2012-12-12

