jQuery學(xué)習(xí)筆記 操作jQuery對象 文檔處理
移動(dòng)元素
方法 |
描述 |
append($(selector)) |
向當(dāng)前元素的內(nèi)部追加內(nèi)容 |
appendTo($(selector)) |
將當(dāng)前元素在某元素內(nèi)部追加。但由于會(huì)根據(jù)需要對當(dāng)前元素進(jìn)行移動(dòng),所以jQuery對象更改了,可用end()還原 |
prepend($(selector)) |
向當(dāng)前元素的內(nèi)部前置內(nèi)容 |
prependTo($(selector)) |
將當(dāng)前元素在某元素內(nèi)部前置。類似于appendTo(),會(huì)改變對象 |
after($(selector)) |
向當(dāng)前元素之后插入內(nèi)容 |
insertAfter($(selector)) |
將當(dāng)前元素插入到某元素之后。類似于appendTo(),會(huì)改變對象 |
before($(selector)) |
向當(dāng)前元素之前插入內(nèi)容 |
insertBefore($(selector)) |
將當(dāng)前元素插入到某元素之前。類似于appendTo(),會(huì)改變對象 |
添加元素
方法 |
描述 |
$(html) |
創(chuàng)建生成jQuery對象。根據(jù)原始HTML代碼字符串,創(chuàng)建指向新元素的jQuery對象,再利用移動(dòng)方法來添加到文檔中 |
clone() |
復(fù)制生成jQuery對象。復(fù)制當(dāng)前選定頁面元素,生成副本元素的jQuery對象,同樣利用移動(dòng)方法來添加到文檔中。而且clone()指向副本,相當(dāng)于更改了jQuery對象,所以可用一次end()還原到當(dāng)前選定元素;二次end()則徹底還原對jQuery對象的更改 |
替換元素
方法 |
描述 |
replaceWith($(selector)) replaceWith($(html)) |
移動(dòng)頁面上原有的元素來替換當(dāng)前選定的頁面元素,也可以添加新元素來替換 |
replaceAll($(selector)) replaceAll($(html)) |
用當(dāng)前選定的元素來替換某元素,可以使頁面上原有元素,也可以是新元素。同樣會(huì)根據(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()分別包裹每個(gè)元素 |
wrapInner($(selector)) |
復(fù)制頁面原有元素把分別包裹每個(gè)當(dāng)前選定元素內(nèi)部的文本和后代元素,不同于wrap()分別包裹每個(gè)元素本身 |
刪除和清空元素
方法 |
描述 |
remove() |
刪除當(dāng)前元素,該元素包含的文本內(nèi)容和后代元素會(huì)一起刪除掉,綁定的事件也不復(fù)存在 |
detach() |
同樣是刪除當(dāng)前元素,但是綁定的事件還是存在的 |
empty() |
清空當(dāng)前元素,該元素的文本內(nèi)容和后代元素都將刪除,但保留其本身 |
- Jquery 基礎(chǔ)學(xué)習(xí)筆記之文檔處理
- 詳解Jquery實(shí)現(xiàn)ready和bind事件
- jquery中ready()函數(shù)執(zhí)行的時(shí)機(jī)和window的load事件比較
- jquery $(document).ready()和window.onload的區(qū)別淺析
- jQuery中ready事件用法實(shí)例
- jQuery.holdReady()方法用法實(shí)例
- jQuery的ready方法詳解
- jquery中的$(document).ready()使用小結(jié)
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- 模擬jQuery中的ready方法及實(shí)現(xiàn)按需加載css,js實(shí)例代碼
- jQuery的文檔處理程序詳解
相關(guān)文章
使用jquery給新生的th綁定hover事件的實(shí)例
下面小編就為大家?guī)硪黄褂胘query給新生的th綁定hover事件的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02jquery按回車鍵實(shí)現(xiàn)表單提交的簡單實(shí)例
下面小編就為大家?guī)硪黄猨query按回車鍵實(shí)現(xiàn)表單提交的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05jquery插件jquery倒計(jì)時(shí)插件分享
jquery倒計(jì)時(shí)插件分享,大家參考使用吧2013-12-12jQuery實(shí)現(xiàn)使用sort方法對json數(shù)據(jù)排序的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)使用sort方法對json數(shù)據(jù)排序的方法,涉及jQuery基于ajax針對json格式文件數(shù)據(jù)的動(dòng)態(tài)載入與排序相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jquery仿百度經(jīng)驗(yàn)滑動(dòng)切換瀏覽效果
本文給大家分享的是使用jQuery實(shí)現(xiàn)仿百度經(jīng)驗(yàn)華東切換瀏覽效果,非常的炫酷,推薦給大家。有需要的小伙伴可以參考下2015-04-04jQuery插件HighCharts繪制2D柱狀圖、折線圖的組合雙軸圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D柱狀圖、折線圖的組合雙軸圖效果,結(jié)合實(shí)例形式分析了jQuery使用HighCharts插件同時(shí)繪制柱狀圖、折線圖的組合雙軸圖實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03Jquery 選中表格一列并對表格排序?qū)崿F(xiàn)原理
該實(shí)現(xiàn)的主要思想是:獲取鼠標(biāo)點(diǎn)擊的表頭單元格的列號(hào),遍歷數(shù)據(jù)行,獲取每個(gè)<tr>中的html,同時(shí)獲取每個(gè)<tr>標(biāo)簽下對應(yīng)獲取到的列號(hào)的<td>標(biāo)簽中的內(nèi)容,并取得<th>標(biāo)簽的type屬性值,需要的朋友可以了解下2012-12-12