jquery使用、遍历元素

首先使用注意：
别忘记写入口函数！

$(document).ready(function(){
    //代码
});
//或者简写如下
$(function(){
    //代码
});

parent() 方法

$(document).ready(function(){
  $("span").parent();
});

parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。

parents() 方法

$(document).ready(function(){
  $("span").parents();
});

parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (< html >)。

children() 方法

$(document).ready(function(){
  $("div").children();
});

children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。

find() 方法

$(document).ready(function(){
  $("div").find("span");
});

find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。必须指定参数。

siblings() 方法

$(document).ready(function(){
  $("h2").siblings();
});

siblings() 方法返回被选元素的所有同胞元素。

next() 方法

$(document).ready(function(){
  $("h2").next();
});

next() 方法返回被选元素的下一个同胞元素。该方法只返回一个元素。

toggle()方法

$("button").click(function(){
  $("p").toggle();
});

使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素，并隐藏已显示的元素。