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

jQuery遍歷之next()、nextAll()方法使用實例

 更新時間:2014年11月08日 11:45:48   投稿:junjie  
這篇文章主要介紹了jQuery遍歷之next()、nextAll()方法使用實例,本文先是給出了實例代碼,然后對代碼的作用分析和說明,需要的朋友可以參考下

jquery遍歷:next()和nextAll()方法。實例如下:

復制代碼 代碼如下:

<html>
<head>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  //$("div").click(function(){alert($(this).next().text());});
  //$("div").click(function(){alert($(this).nextAll().text());});
  $("div").click(function(){alert($(this).nextAll("div").text());});
 });
</script>
<style type="text/css">
div{width:300px;height:30px;background:green;margin-top:10px;}
</style>
</head>
<body>
<div id="uu">您好,<font color="blue">美女</font></div>
<div>hello,world</div>
<div>美女,親一下</div>
<p>我是p標簽</p>
<div><span>我很帥,有圖有真相</span></div>
<p>我也是p標簽</p>
</body>
</html>

說明:

(1)next()方法:是指獲得匹配元素的相鄰同同輩元素(即下一個同輩元素),注意,同輩元素并不是標簽相同的元素,而是指該元素閉合后的下一個元素,如實例中的”<div>美女,親一下</div>“,div閉合后的下一個元素為<p>。

(2)如果next()加上參數(shù),即next("div"),如果下一個相鄰元素不是div,則為空,即一定是相鄰的。

(3)nextAll()方法:指獲得匹配元素之后所有的同輩元素。它同樣可以加上參數(shù),nextAll("p")或nextAll("div")等等。

(4)有些奇怪的是,如果是這樣的代碼:

復制代碼 代碼如下:

$("div").click(function(){alert($(this).nextAll("div").html());});

它并不能獲得所有的html內(nèi)容,而只是獲得下一個同輩元素的html內(nèi)容。???疑惑

相關(guān)文章

  • jQuery中insertBefore()方法用法實例

    jQuery中insertBefore()方法用法實例

    這篇文章主要介紹了jQuery中insertBefore()方法用法,實例分析了insertBefore()方法的功能、定義及把匹配的元素插入到另一個指定的元素集合前面的使用技巧,需要的朋友可以參考下
    2015-01-01
  • jQuery插件ajaxFileUpload使用詳解

    jQuery插件ajaxFileUpload使用詳解

    這篇文章主要為大家詳細介紹了jQuery插件ajaxFileUpload使用教程,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • 輕松學習jQuery插件EasyUI EasyUI實現(xiàn)拖動基本操作

    輕松學習jQuery插件EasyUI EasyUI實現(xiàn)拖動基本操作

    這篇文章主要幫大家輕松學習jQuery插件EasyUI,并利用EasyUI實現(xiàn)拖動基本操作,文章并提供了一個學校課程表簡單實例,感興趣的小伙伴們可以參考一下
    2015-11-11
  • jQuery實現(xiàn)自動切換播放的經(jīng)典滑動門效果

    jQuery實現(xiàn)自動切換播放的經(jīng)典滑動門效果

    這篇文章主要介紹了jQuery實現(xiàn)自動切換播放的經(jīng)典滑動門效果,可實現(xiàn)tab自動定時切換的功能,涉及jQuery基于定時函數(shù)動態(tài)操作頁面元素的相關(guān)技巧,需要的朋友可以參考下
    2015-09-09
  • jquery實現(xiàn)界面無刷新加載登陸注冊

    jquery實現(xiàn)界面無刷新加載登陸注冊

    這篇文章主要為大家詳細介紹了jquery實現(xiàn)界面無刷新加載登陸注冊,具有一定的參考價值,感興趣的朋友可以參考一下
    2016-07-07
  • jQuery實現(xiàn)下拉加載功能實例代碼

    jQuery實現(xiàn)下拉加載功能實例代碼

    本文通過一段實例代碼給大家介紹jquery實現(xiàn)下拉加載功能,代碼簡單易懂,需要的朋友參考下吧
    2016-04-04
  • jQuery.extend 函數(shù)詳解

    jQuery.extend 函數(shù)詳解

    Jquery的擴展方法extend是我們在寫插件的過程中常用的方法,該方法有一些重載原型,在此,我們一起去了解了解
    2012-02-02
  • Jquery優(yōu)化效率 提升性能解決方案

    Jquery優(yōu)化效率 提升性能解決方案

    jQuery是目前非常流行的Javascript庫之一,隨著jQuery應用程序的逐漸增多,其性能優(yōu)化問題是程序員們不可忽視的,我們知道在jQuery中最快的選擇器是ID選擇器,因為它直接來自于JavaScript的getElementById()方法。
    2010-09-09
  • JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案

    JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案

    今天小編就為大家分享一篇關(guān)于JQuery Ajax執(zhí)行跨域請求數(shù)據(jù)的解決方案,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2018-12-12
  • jQuery EasyUI Tab 選項卡問題小結(jié)

    jQuery EasyUI Tab 選項卡問題小結(jié)

    這篇文章主要介紹了jQuery EasyUI Tab 選項卡問題小結(jié),在項目開發(fā)階段很多朋友都遇到過此問題,其實解決辦法很簡單的,下面小編給大家分享下問題原因及解決辦法,需要的朋友可以參考下
    2016-08-08

最新評論