attr()获取和设置样式
addclass()追加样式
removeclass()移出样式
toggle()切换样式
<style>
.high{font-style:italic;
font-weight:bold;}
.hide{
display:none;}
</style>
<script>
//样式的操作
$(function(){
//attr()获取样式和设置样式
$("p").click(function(){
$(this).attr("class","high");
});
//addClass()追加样式
$("p").click(function(){
$(this).addClass("high");
})
//removeClass()移除样式
$("p").removeClass("high");
//toggleClass()切换样式,如果你有这个class属性我就删除,如果没有就增加
$("p").toggleClass("hide");
})
</script>
<body>
<p class = "hight1"title="水果">你最喜欢的水果</p>
<ul>
<li>苹果</li>
<li name="o">橘子</li>
<li name="m">香蕉`</li>
</ul>