jquery層級選擇器的實現(xiàn)(匹配后代元素div)
更新時間:2016年09月05日 09:43:20 投稿:jingxian
下面小編就為大家?guī)硪黄猨query層級選擇器的實現(xiàn)(匹配后代元素div)。小編覺得挺不錯的,現(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(){
//匹配后代元素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> <!--該元素沒有再id=index下的div中-->
<hr/>
<input type="button" id='btnOk' value='確定' />
</body>
</html>
以上這篇jquery層級原則器的實現(xiàn)(匹配后代元素div)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
jquery操作checkbox實現(xiàn)全選和取消全選
這篇文章主要介紹了jquery操作checkbox實現(xiàn)全選和取消全選,需要的朋友可以參考下2014-05-05
jQuery simplePage+AJAX plus分頁插件用法實例
這篇文章主要介紹了jQuery simplePage+AJAX plus分頁插件用法,結合實例形式分析了jQuery基于extend擴展實現(xiàn)分頁插件的具體技巧,需要的朋友可以參考下2016-02-02
jQuery網(wǎng)頁選項卡插件rTabs用法實例分析
這篇文章主要介紹了jQuery網(wǎng)頁選項卡插件rTabs用法,較為詳細的分析了jquery選項卡插件rTabs的定義、實現(xiàn)及使用方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
jQuery實現(xiàn)點擊按鈕彈出可拖拽模態(tài)對話框完整實例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)點擊按鈕彈出可拖拽模態(tài)對話框的方法,結合完整實例形式分析了jQuery調(diào)用模態(tài)對話框的基本原理、實現(xiàn)方法與相關操作技巧,需要的朋友可以參考下2023-04-04
解決Jquery load()加載GB2312頁面時出現(xiàn)亂碼的兩種方案
jquery的字符集是utf-8,load方法加載完GB2312編碼靜態(tài)頁面后,出現(xiàn)中文亂碼,可以通過將兩個頁面的編碼格式轉(zhuǎn)換成utf8的方法來解決,具體如下,感興趣的朋友可以參考下2013-09-09

