<!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(){
    //匹配后代元素div
    $('#index div').html('php');
   });
  };
 </script>
 </head>
 <body>
  <div id='index'>
   <div>div1</div>
   <form>
    <div>div2</div>
    <div>div3</div>
   </form>
   <div>div4</div>
   <div>div5</div>
 </div>
 <div>yang</div> <!--該元素沒(méi)有再id=index下的div中-->
 <hr/>
 <input type="button" id='btnOk' value='確定' />
 </body>
</html>

以上這篇jquery層級(jí)原則器的實(shí)現(xiàn)(匹配后代元素div)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Jquery ajaxsubmit上傳圖片實(shí)現(xiàn)代碼
這是數(shù)月前的事情了，場(chǎng)景是這樣的：在進(jìn)行圖片上傳的時(shí)，我發(fā)現(xiàn)開(kāi)發(fā)人員使用的上傳圖片方式是Iframe + 傳統(tǒng)的 http post 來(lái)處理的。
2010-11-11
jQuery帶進(jìn)度條全屏圖片輪播特效代碼分享
這篇文章主要介紹了jQuery帶進(jìn)度條全屏圖片輪播特效，圖片輪播效果特別適合做產(chǎn)品展示，還帶有進(jìn)度條轉(zhuǎn)接全屏圖片展示，感興趣的小伙伴可以參考下
2015-09-09
jQuery實(shí)現(xiàn)自動(dòng)與手動(dòng)切換的滾動(dòng)新聞特效代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)列表自動(dòng)循環(huán)滾動(dòng)手動(dòng)滾動(dòng)展示新聞，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08
基于jquery的返回頂部效果（兼容IE6）
最近在寫(xiě)一個(gè)首頁(yè)返回頂部的效果，因?yàn)镮E6不兼容position:fixed的原因，一直找不到好的解決辦法。在Google了一下，有了點(diǎn)眉目，加上一點(diǎn)自己的開(kāi)發(fā)，總算誤打誤撞的把問(wèn)題解決了。
2011-01-01
有關(guān)于eclipse配置spket需要注意的一些地方
用eclipse開(kāi)發(fā)jquery程序,可以安裝spket插件,這樣在寫(xiě)代碼的時(shí)候,就會(huì)有智能感知.eclipse配置spket的文章網(wǎng)上到處都是,spket官網(wǎng)上也有介紹.但配置后有的人無(wú)論如何也沒(méi)有智能感知提示,我就是其中一個(gè).
2013-04-04
jQuery對(duì)表單的操作代碼集合
jQuery對(duì)表單的操作代碼集合，學(xué)習(xí)jquery的朋友可以參考下。
2011-04-04
Jquery時(shí)間軸特效(三種不同類(lèi)型)
本文給大家收集了三種不同類(lèi)型的jquery時(shí)間軸特效，涉及到j(luò)quer相關(guān)知識(shí)，對(duì)jquery時(shí)間軸特效感興趣的朋友可以參考下本文
2015-11-11
如何使用CSS3和JQuery easing 插件制作絢麗菜單
這篇文章主要介紹了如何使用CSS3和JQuery easing 插件制作絢麗菜單，這樣做可以讓有菜單的盒子滑出，并且彈出縮略圖。在某些菜單項(xiàng)中我們還包含著有進(jìn)一步鏈接的子菜單。取決于我們鼠標(biāo)在菜單項(xiàng)上的停懸，子菜單將向左或向右滑動(dòng)。,需要的朋友可以參考下
2019-06-06
jQuery插件StickUp實(shí)現(xiàn)網(wǎng)頁(yè)導(dǎo)航置頂
本文給大家介紹的是一款jQuery插件--StickUp，他的主要用途是實(shí)現(xiàn)網(wǎng)頁(yè)元素固定，如導(dǎo)航固定讓其總是保持在視圖中可見(jiàn)，效果非常不錯(cuò)，這里推薦給小伙伴們。
2015-04-04
jQuery事件之鍵盤(pán)事件(ctrl+Enter回車(chē)鍵提交表單等)
鍵盤(pán)事件處理所有用戶在鍵盤(pán)敲擊的情況，不管在文本輸入?yún)^(qū)域內(nèi)部還是外部，這里介紹下jquery鍵盤(pán)事件的相關(guān)知識(shí)，需要的朋友可以參考下
2014-05-05