您的位置：首页 > Web前端 > JQuery

jquery 点击某行变换背景颜色，其他行还原为原来颜色

2014-11-21 14:10 197 查看
http://blog.csdn.net/y_h_t/article/details/6260426

<!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=gb2312" />

<title>无标题文档</title>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<script type="text/javascript">



$(document).ready(function(){

$("#each li").click(

function() {

$(this).css("background","#FF0000").siblings().css("background","#ffffff");

});



});

</script>



<style type="text/css">



</style>

</head>



<body>

<div id="each">

<ul>

<li>111111111111111111111111</li>

<li>222222222222222222222222</li>

<li>333333333333333333333333</li>

<li>444444444444444444444444</li>

<li>555555555555555555555555</li>

<li>666666666666666666666666</li>

<li>777777777777777777777777</li>

</ul>

</div>

</body>

</html>


JQuery中的siblings()是什么意思

siblings()这个方法，就是要取得调用该方法的节点对象的兄弟节点；

同级对象
比如：
<div id="aaa">
<p>1</p>
<p>2</p>

<h1>2</h1>
<h2>22</h2>
<div>abcdefg</div>
</div>
var curr = $("#aaa h1");
curr.siblings(); //包括与p同级的所以元素：p, h1, h2, div
如果带参数curr.siblings("p")那就只能取得到两个p
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航