jquery層級選擇器(匹配父元素下的子元素實現(xiàn)代碼)

更新時間：2016年09月05日 09:48:44 投稿：jingxian

下面小編就為大家?guī)硪黄猨query層級選擇器(匹配父元素下的子元素實現(xiàn)代碼)。小編覺得挺不錯的，現(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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JQuery自動觸發(fā)事件的方法
這篇文章主要介紹了JQuery自動觸發(fā)事件的方法,涉及trigger()方法完成模擬操作的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
jquery的相對父元素和相對文檔定位示例代碼
在開發(fā)jquery時候經(jīng)常需要用到定位,有相對父元素定位和相對文檔定位，本文為此總結(jié)下，有需要的朋友可以參考下
2013-08-08
JQuery中DOM事件合成用法實例分析
這篇文章主要介紹了JQuery中DOM事件合成用法,以實例形式分析了hover()方法和toggle()方法實現(xiàn)事件合成的相關(guān)技巧,需要的朋友可以參考下
2015-06-06
jQuery實現(xiàn)返回頂部效果的方法
這篇文章主要介紹了jQuery實現(xiàn)返回頂部效果的方法,涉及jQuery頁面樣式、鼠標(biāo)事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下
2015-05-05
jQuery中(function($){})(jQuery)詳解
本文通過具體示例向大家詳細(xì)介紹了jQuery中的(function($){})(jQuery)的用法和意義，對此有相同困惑的小伙伴可以參考下本文。
2015-07-07
jquery操作checked屬性以及disabled屬性的多種方法
這篇文章主要介紹了jquery控制checked屬性以及disabled屬性的多種方法,下面只提到checked,其實disabled在jquery里的用法和checked是一模一樣的,需要的朋友可以參考下
2014-06-06
Axios和Jquery實現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了Axios+Jquery實現(xiàn)文件上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-08-08
jQuery獲取樣式中的背景顏色屬性值/顏色值
天使用jQuery獲取樣式中的background-color的值時發(fā)現(xiàn)在獲取到的顏色值在IE中與Chrome、Firefox顯示的格式不一樣，IE中是以HEX格式顯示#ffff00，而Chrome、Firefox中則是以GRB格式顯示rgb(255,0,0)，由于需要將顏色值存儲到數(shù)據(jù)庫中，所以想讓顏色值的格式統(tǒng)一下（其實不統(tǒng)一也是可以存的）。搜索了一下，從國外的一個網(wǎng)站上得到一段代碼
2012-12-12
jquery快捷動態(tài)綁定鍵盤事件的操作函數(shù)代碼
動態(tài)綁定鍵盤事件的方法或許會有很多，在本文將為大家介紹下jquery是如何快捷實現(xiàn)的，感興趣的朋友不要錯過
2013-10-10
jQuery實現(xiàn)的簡單手風(fēng)琴效果示例
這篇文章主要介紹了jQuery實現(xiàn)的簡單手風(fēng)琴效果,結(jié)合實例形式分析了jQuery基于事件響應(yīng)、頁面元素屬性動態(tài)操作實現(xiàn)手風(fēng)琴效果的方法,需要的朋友可以參考下
2018-08-08