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)代碼)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 使用jquery選擇器如何獲取父級元素、同級元素、子元素
- jQuery層次選擇器選擇元素使用介紹
- jQuery學習總結之元素的相對定位和選擇器(持續(xù)更新)
- jquery基本選擇器匹配多個元素的實現(xiàn)方法
- 簡單講解jQuery中的子元素過濾選擇器
- jQuery基本選擇器選擇元素使用介紹
- jquery子元素過濾選擇器使用示例
- jquery層級選擇器的實現(xiàn)(匹配后代元素div)
- jQuery+css last-child實現(xiàn)選擇最后一個子元素操作示例
- jQuery選擇器之子元素過濾選擇器
- jQuery選擇器之子元素選擇器詳解
- jQuery選擇器選中最后一個元素，倒數(shù)第二個元素操作示例
相關文章
這篇文章主要介紹了jQuery簡單獲取DIV和A標簽元素位置的方法,結合實例形式分析了jQuery針對頁面div及A標簽元素相關操作技巧,需要的朋友可以參考下2017-02-02
這篇文章介紹了jQuery點擊彈出下拉菜單的小例子，有需要的朋友可以參考一下2013-08-08
Jquery公告滾動+AJAX后臺得到數(shù)據(jù)
ajax得到值，用JQUERY綁定給對應的UL.利用JQUERY的動畫來實現(xiàn)他們的滾動公告。2011-04-04
juqery 學習之三 選擇器 簡單 內容，學習jquery的朋友可以參考下。2010-11-11
幾種二級聯(lián)動案例（jQuery\Array\Ajax php）
這篇文章主要為大家詳細介紹了幾種二級聯(lián)動案例（jQuery\Array\Ajax php），具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了Jquery遍歷Json數(shù)據(jù)的方法,涉及jQuery遍歷json格式數(shù)據(jù)的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
下面小編就為大家分享一篇jquery 獲取索引值在一定范圍的列表方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jQuery Validate插件實現(xiàn)表單強大的驗證功能
這篇文章主要介紹了jQuery Validate插件實現(xiàn)表單強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定制選項，滿足應用程序各種需求，感興趣的小伙伴們可以參考一下2015-12-12
JavaScript實現(xiàn)的滾動公告特效【基于jQuery】
這篇文章主要介紹了JavaScript實現(xiàn)的滾動公告特效,結合完整實例形式詳細分析了基于jQuery實現(xiàn)的頁面元素間歇修改,最終達到滾動公告效果的相關操作技巧,需要的朋友可以參考下2019-07-07
詳談jQuery unbind 刪除綁定事件 / 移除標簽方法
下面小編就為大家?guī)硪黄斦刯Query unbind 刪除綁定事件 / 移除標簽方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03