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

JQuery中節(jié)點(diǎn)遍歷方法實(shí)例

 更新時(shí)間:2015年05月18日 14:33:18   作者:永遠(yuǎn)愛(ài)好寫(xiě)程序  
這篇文章主要介紹了JQuery中節(jié)點(diǎn)遍歷方法,實(shí)例分析了jQuery遍歷節(jié)點(diǎn)的技巧,需要的朋友可以參考下

本文實(shí)例講述了JQuery中節(jié)點(diǎ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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery節(jié)點(diǎn)遍歷</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
  //-----舉例1.獲取節(jié)點(diǎn)之前的挨著的第一個(gè)兄弟元素
  //var $divs = $("#div2").prev("div");   //只獲取div
  //ShowArraysID($divs);
  //-----舉例2.獲取節(jié)點(diǎn)之前的所有兄弟元素
  //var $divs = $("#div2").prevAll("div"); //只獲取div
  //var $divs = $("#div2").prevAll(); //獲取所有兄弟元素
  //ShowArraysID($divs);
  //-----舉例3.獲取節(jié)點(diǎn)之后的挨著的第一個(gè)兄弟元素
  //var $divs = $("#div2").next("div"); //只獲取div div2后緊挨著的是input所以返回零個(gè)元素
  //ShowArraysID($divs);
  //-----舉例4.獲取節(jié)點(diǎn)之后的所有兄弟元素  類(lèi)似prevAll 方向相反
  //var $divs = $("#div2").nextAll(); //獲取所有兄弟元素
  //ShowArraysID($divs);
  //-----舉例4.siblings()方法用于獲取所有同輩元素(前后都拿到)
  //$(".menuitem").siblings("li")。siblings、next等所有能傳遞選擇器的地方能夠使用的語(yǔ)法都和$()語(yǔ)法一樣。
  //var $divs = $("#div2").siblings("div"); //獲取id為div2前后的所有div元素
  //ShowArraysID($divs);
  var $divs = $("#div2").siblings(); //獲取id為div2前后的所有元素
  ShowArraysID($divs);
});
function ShowArraysID($jqueryArr) {
  var output = "";
  for (var i = 0; i < $jqueryArr.length; i++) {
    if (output == "") {
      output = $jqueryArr.eq(i).attr("id");
    }
    else {
      output += "," + $jqueryArr.eq(i).attr("id");
    }
  }
  alert(output);
}
</script>
</head>
<body>
<div id="div1">我是div1</div>
<input id="Text3" type="text" value="我是text1" />
<div id="div2">我是div2</div>
<input id="txt1" type="text" value="我是text1" />
<div id="div3">我是div3</div>
<input id="Text1" type="text" value="我是text2" />
<div id="div4">我是div4</div>
<input id="Text2" type="text" value="我是text3" />
<div id="div5">我是div5</div>
</body>
</html>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 關(guān)于jquery input textare 事件綁定及用法學(xué)習(xí)

    關(guān)于jquery input textare 事件綁定及用法學(xué)習(xí)

    目前1.7以上,jquery的事件綁定已經(jīng)用on替換了原來(lái)的bind,接下來(lái)為大家介紹下bind的使用方法及input textare事件,感興趣的朋友可以參考下哈
    2013-04-04
  • jquery實(shí)現(xiàn)下拉框多選方法介紹

    jquery實(shí)現(xiàn)下拉框多選方法介紹

    本文是利用EasyUI實(shí)現(xiàn)下拉框多選功能,在ComboxTree其原有的基礎(chǔ)上對(duì)樣式進(jìn)行了改進(jìn),樣式表已上傳demo,下面跟著小編一起來(lái)看下吧
    2017-01-01
  • 基于jquery庫(kù)的tab新形式使用

    基于jquery庫(kù)的tab新形式使用

    本文將介紹基于jquery庫(kù)的tab新形式使用,需要的朋友可以參考下
    2012-11-11
  • jquery層級(jí)選擇器(匹配父元素下的子元素實(shí)現(xiàn)代碼)

    jquery層級(jí)選擇器(匹配父元素下的子元素實(shí)現(xiàn)代碼)

    下面小編就為大家?guī)?lái)一篇jquery層級(jí)選擇器(匹配父元素下的子元素實(shí)現(xiàn)代碼)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-09-09
  • jQuery圖片左右滾動(dòng)代碼 有左右按鈕實(shí)例

    jQuery圖片左右滾動(dòng)代碼 有左右按鈕實(shí)例

    這篇文章主要介紹使用jQuery實(shí)現(xiàn)圖片左右滾動(dòng)的實(shí)例,需要的朋友可以參考下。
    2016-06-06
  • 深入理解(function(){... })();

    深入理解(function(){... })();

    很多朋友不清楚(function(){... })();這幾種寫(xiě)法各代表是什么意思,下面小編通過(guò)本教程給大家簡(jiǎn)單介紹下(function(){... })();知識(shí),感興趣的朋友跟著小編一起學(xué)習(xí)吧
    2016-08-08
  • jQuery插件FusionCharts繪制的2D雙面積圖效果示例【附demo源碼】

    jQuery插件FusionCharts繪制的2D雙面積圖效果示例【附demo源碼】

    這篇文章主要介紹了jQuery插件FusionCharts繪制的2D雙面積圖效果,結(jié)合實(shí)例形式分析了jQuery使用插件FusionCharts結(jié)合x(chóng)ml格式數(shù)據(jù)繪制2D雙面積圖的具體步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
    2017-04-04
  • jquery html添加元素/刪除元素操作實(shí)例詳解

    jquery html添加元素/刪除元素操作實(shí)例詳解

    這篇文章主要介紹了jquery html添加元素/刪除元素操作,結(jié)合實(shí)例形式詳細(xì)分析了jquery html添加元素/刪除元素相關(guān)函數(shù)功能、用法及操作注意事項(xiàng),需要的朋友可以參考下
    2020-05-05
  • JQuery跳出each循環(huán)的方法

    JQuery跳出each循環(huán)的方法

    這篇文章主要介紹了JQuery跳出each循環(huán)的方法,本文講解了jquery怎么跳出當(dāng)前的each循環(huán)、Jquery each方法跳出循環(huán)并獲得返回值的方法等內(nèi)容,需要的朋友可以參考下
    2015-04-04
  • jQuery.uploadify文件上傳組件實(shí)例講解

    jQuery.uploadify文件上傳組件實(shí)例講解

    這篇文章主要介紹了jQuery.uploadify文件上傳組件實(shí)例講解的相關(guān)資料,本文圖文并茂介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-09-09

最新評(píng)論