jquery層級選擇器(匹配父元素下的子元素實現(xiàn)代碼)
實例如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>層級 </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> /* ancetor descendant:匹配祖先元素下的后代元素 parent>child:匹配父元素下的子元素 prev+next:匹配前一個元素后的下一個元素,必須是挨著的 prev~siblings:匹配前一個元素后的所有平輩元素 */ window.onload=function(){ $('#btnOk').click(function(){ //匹配父元素下的子元素 $('#index>div').html('php'); }); }; </script> </head> <body> <div id='index'> <div>div1</div> <form> <div>div2</div> <!--為index下div的孫子輩元素--> <div>div3</div><!--為index下div的孫子輩元素--> </form> <div>div4</div> <div>div5</div> </div> <div>yang</div> <!--該元素不是在id=index下的div中,不是其后代元素;是兄弟元素--> <hr/> <input type="button" id='btnOk' value='確定' /> </body> </html>
以上這篇jquery層級選擇器(匹配父元素下的子元素實現(xiàn)代碼)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- 使用jquery選擇器如何獲取父級元素、同級元素、子元素
- jQuery層次選擇器選擇元素使用介紹
- jQuery學(xué)習(xí)總結(jié)之元素的相對定位和選擇器(持續(xù)更新)
- jquery基本選擇器匹配多個元素的實現(xiàn)方法
- 簡單講解jQuery中的子元素過濾選擇器
- jQuery基本選擇器選擇元素使用介紹
- jquery子元素過濾選擇器使用示例
- jquery層級選擇器的實現(xiàn)(匹配后代元素div)
- jQuery+css last-child實現(xiàn)選擇最后一個子元素操作示例
- jQuery選擇器之子元素過濾選擇器
- jQuery選擇器之子元素選擇器詳解
- jQuery選擇器選中最后一個元素,倒數(shù)第二個元素操作示例
相關(guān)文章
jQuery簡單獲取DIV和A標(biāo)簽元素位置的方法
這篇文章主要介紹了jQuery簡單獲取DIV和A標(biāo)簽元素位置的方法,結(jié)合實例形式分析了jQuery針對頁面div及A標(biāo)簽元素相關(guān)操作技巧,需要的朋友可以參考下2017-02-02Jquery公告滾動+AJAX后臺得到數(shù)據(jù)
ajax得到值,用JQUERY綁定給對應(yīng)的UL.利用JQUERY的動畫來實現(xiàn)他們的滾動公告。2011-04-04juqery 學(xué)習(xí)之三 選擇器 簡單 內(nèi)容
juqery 學(xué)習(xí)之三 選擇器 簡單 內(nèi)容,學(xué)習(xí)jquery的朋友可以參考下。2010-11-11幾種二級聯(lián)動案例(jQuery\Array\Ajax php)
這篇文章主要為大家詳細(xì)介紹了幾種二級聯(lián)動案例(jQuery\Array\Ajax php),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-08-08jQuery Validate插件實現(xiàn)表單強大的驗證功能
這篇文章主要介紹了jQuery Validate插件實現(xiàn)表單強大的驗證功能,讓客戶端表單驗證變得更簡單,同時提供了大量的定制選項,滿足應(yīng)用程序各種需求,感興趣的小伙伴們可以參考一下2015-12-12JavaScript實現(xiàn)的滾動公告特效【基于jQuery】
這篇文章主要介紹了JavaScript實現(xiàn)的滾動公告特效,結(jié)合完整實例形式詳細(xì)分析了基于jQuery實現(xiàn)的頁面元素間歇修改,最終達(dá)到滾動公告效果的相關(guān)操作技巧,需要的朋友可以參考下2019-07-07詳談jQuery unbind 刪除綁定事件 / 移除標(biāo)簽方法
下面小編就為大家?guī)硪黄斦刯Query unbind 刪除綁定事件 / 移除標(biāo)簽方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03