国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery next nextAll nextUntil siblings的區(qū)別介紹

2019-11-20 21:55:11
字體:
供稿:網(wǎng)友
next:緊挨著$('')的一個元素

nextAll:在$('')以后的所有的同輩元素

nextUntil:until有直到。。。之前的意思,所以他表示$('')以后的所有的同輩元素,不過要在nextUntil參數(shù)之前,不包括匹配的元素本身

sibings:$('')前后的所有同輩元素

簡單理解就是,next就是找他的弟弟/妹妹,nextAll就是找他所有的弟弟/妹妹,nextUntil就是找比他小一定年齡的弟弟/妹妹,siblings就是找他所有的哥哥/姐姐,還有他的所有的弟弟/妹妹。所以同理的同輩關(guān)系,prev,prevAll ,prevUntil

下面是簡單的測試代碼
復(fù)制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'></script>
</head>
<body>
<div class="first">
<a href="#">hhh</a>
<h1>這是一個標(biāo)題</h1>
<p>這是一個test</p>
<p>這是一個test</p>
<p>這是一個test</p>
<p>這是一個test</p>
<div>hhha</div>
<p>這是一個test</p>
<p>這是一個test</p>
</div>
<script>
$(function(){
//$('p:first').next().css('background','red');
//$('p:first').nextAll().css('background','yellow');
//$('p:first').nextUntil('div').css({'font-size':20,background:'red'});
//$('p:first').siblings().css('background','yellow');
});
</script>
</body>
</html>
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 三亚市| 敦化市| 桂平市| 库伦旗| 神木县| 铜梁县| 招远市| 开封市| 永寿县| 饶阳县| 如东县| 濮阳县| 孝昌县| 穆棱市| 潢川县| 夏河县| 秦安县| 江津市| 神池县| 霍城县| 防城港市| 邵东县| 日喀则市| 昆山市| 佛坪县| 通化县| 辰溪县| 沂南县| 巫山县| 岑巩县| 青海省| 盈江县| 柞水县| 伊宁市| 东莞市| 江西省| 苗栗市| 分宜县| 德江县| 寿光市| 温州市|