节点遍历 

<!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>
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        //next()方法用于获取节点之后的第一个同辈元素
        //nextAll()方法用于获取节点之后的所有同辈元素
        //siblings()方法用于获取所有同辈元素
        $(function () {
            //$("div").click(function () {
            //$(this).next("div").css("background", "black")//自动隐式迭代
            //});
            $("div").click(function () {
                $(this).css("background", "red");
                $(this).siblings("div").css("background","white");
            });
        });
    </script>
</head>
<body>
<div>aaa</div>
<div>bbb</div>
<p>ccc</p>
<div>aaa</div>
<div>bbb</div>
<div>aaa</div>
<div>bbb</div>
</body>
</html>

 

posted @ 2012-02-22 17:41  zwjyx_  阅读(158)  评论(0)    收藏  举报