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

jquery addClass() ,removeClass(),attr(),removeAttr()

2014-03-29 17:35 459 查看

随便记一些

current 是class样式的名字

$(obj).addClass("current");//添加样式

$(obj).siblings("li").removeClass("current");//选择同辈元素li 并去掉样式（父辈的话$(obj).parent().....）

on是id的名字

$(obj).siblings("li").removeAttr("id");

$(obj).attr("id","on");

<html>

<head>

<style type="text/css">

#zp {font-size:120%;color:red;}

#zp1 {font-size:120%;color:blue;}

</style>

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

<script type="text/javascript">

function change(obj) {

alert("change");

$(obj).removeAttr("id");

$(obj).siblings("p").attr("id","zp1"); // $(obj).siblings().attr("id","zp1");看看结果有什么不同（用siblings()”这是一个标题”不会变色）

}

</script>

</head>

<body>

<h1>这是一个标题</h1>

<p id="zp" onclick="change(this);">计算机</p>

<p onclick="change(this);">外语</p>

<p onclick="change(this);">属性</p>

<p onclick="change(this);">数据结构</p>

</body>

</html>

/* $(obj).css("color","#e60012"); siblings()选择的是同辈元素，自己不包含在内
$(obj).parent().siblings().children().css("color","#333");
$(obj).parent("li").parent("ul").siblings("ul").children("li").children("a").css("color","#333"); */

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航