jQuery Dom元素操作技巧
Dom是Document Object Model的縮寫,意思是文檔對(duì)象模型。DOM是一種與瀏覽器、平臺(tái)、語(yǔ)言無(wú)關(guān)的接口,使用該接口可以輕松訪問(wèn)頁(yè)面中所有的標(biāo)準(zhǔn)組件。DOM操作可以分為三個(gè)方面即DOM Core(核心)、HTM-DOM和CSS-DOM。
jquery 獲取父節(jié)點(diǎn),兄弟節(jié)點(diǎn),在節(jié)點(diǎn)內(nèi)插入內(nèi)容。
①$("#test1").parent() // 父節(jié)點(diǎn) ②$("#test1").next() //下一個(gè)節(jié)點(diǎn) ③$("#test1").append('<div class="error_info"><span class="Validform_checktip"></span></div>'); //在節(jié)點(diǎn)內(nèi)插入內(nèi)容。 ④匹配到指定的元素 $("#test1").parent().next().find(".error_info");
總結(jié):在寫js的時(shí)候,我們首先要確定是用的javaScript 還是jquery,因?yàn)閮蓚€(gè)寫法不一樣,方法名也不一樣,不能混用。
以上所述是小編給大家介紹的jQuery Dom元素操作技巧,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
jQuery插件HighCharts繪制2D餅圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D餅圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用HighCharts插件繪制餅圖效果的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jquery 簡(jiǎn)單的進(jìn)度條實(shí)現(xiàn)代碼
jquery其實(shí)是有個(gè)進(jìn)度條插件的,叫做jqueryprogressbar.js,可是想練習(xí)一下,就沒(méi)有用,自己寫了點(diǎn)代碼。這個(gè)代碼其實(shí)是參考別人的,因?yàn)樽约旱腏S基礎(chǔ)不是很好。2010-03-03jquery tablesorter.js 支持中文表格排序改進(jìn)
之前研究過(guò)一下表格排序。上網(wǎng)找了一些代碼研究了一下。勉強(qiáng)做了一個(gè)用著。后面發(fā)現(xiàn)當(dāng)動(dòng)態(tài)給單元格加超鏈接,或者列中存在一些空白,就排序不了了。2009-12-12jQuery實(shí)現(xiàn)在列表的首行添加數(shù)據(jù)
這篇文章主要介紹了jQuery實(shí)現(xiàn)在列表的首行添加數(shù)據(jù)的方法,十分的簡(jiǎn)單,有需要的小伙伴可以參考下。2015-05-05jQuery實(shí)現(xiàn)為L(zhǎng)I列表前3行設(shè)置樣式的方法【2種方法】
這篇文章主要介紹了jQuery實(shí)現(xiàn)為L(zhǎng)I列表前3行設(shè)置樣式的方法,結(jié)合實(shí)例形式分析了css控制及jQuery元素獲取2種實(shí)現(xiàn)方法,需要的朋友可以參考下2016-09-09jQuery數(shù)據(jù)檢索中根據(jù)關(guān)鍵字快速定位GridView指定行的實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery數(shù)據(jù)檢索中根據(jù)關(guān)鍵字快速定位GridView指定行的實(shí)現(xiàn)方法,涉及jQuery結(jié)合asp.net操作頁(yè)面元素及樣式的相關(guān)技巧,需要的朋友可以參考下2016-06-06