欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2016年09月05日 09:48:44   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇jquery層級(jí)選擇器(匹配父元素下的子元素實(shí)現(xiàn)代碼)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

實(shí)例如下：

<!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>層級(jí) </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：匹配前一個(gè)元素后的下一個(gè)元素，必須是挨著的
 prev~siblings：匹配前一個(gè)元素后的所有平輩元素
 */
    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層級(jí)選擇器(匹配父元素下的子元素實(shí)現(xiàn)代碼)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論