jquery中的属性和样式设置

标签：jquery   css   

添加属性

$target.attr({"title":"one piece","name":"solgan"});

添加之前：

<div class="second">
<p>我是路飞，要成为海贼王的男人。</p>
</div>

添加之后：

<div class="second">
<p title="one piece" name="solgan">我是路飞，要成为海贼王的男人。</p>
</div>

移除属性

 	$target.removeAttr("title");

移除样式之前：

<div class="second">
<p title="one piece" name="solgan">我是路飞，要成为海贼王的男人。</p>
</div>

移除样式之后：

<div class="second">
<p name="solgan">我是路飞，要成为海贼王的男人。</p>
</div>

设置样式

	 	$target.attr("class","red");

设置样式之前：

<div class="second">
<p name="solgan">我是路飞，要成为海贼王的男人。</p>
</div>

设置样式之后：

<div class="second">
<p name="solgan" class="red">我是路飞，要成为海贼王的男人。</p>
</div>

添加样式

	 	$target.addClass("bg");

添加样式，是在原来class的基础上进行添加而不是替换

添加样式之前：

<div class="second">
<p name="solgan" class="red">我是路飞，要成为海贼王的男人。</p>
</div>

添加样式之后：

<div class="second">
<p name="solgan" class="red bg">我是路飞，要成为海贼王的男人。</p>
</div>

删除样式

$target.removeClass("bg");

删除样式之前：

<div class="second">
<p name="solgan" class="red bg">我是路飞，要成为海贼王的男人。</p>
</div>

删除样式之后：

<div class="second">
<p name="solgan" class="red">我是路飞，要成为海贼王的男人。</p>
</div>

判断样式是否存在

$target.hasClass("bg");

添加css样式

$target.css("text-decoration","underline");

添加css样式之前：

<p name="solgan" class="red" >我是路飞，要成为海贼王的男人。</p>

添加css样式之后：

<p name="solgan" class="red" style="text-decoration: underline;">我是路飞，要成为海贼王的男人。</p>

jquery中的属性和样式设置,布布扣,bubuko.com

jquery中的属性和样式设置

标签：jquery   css   

原文地址：http://blog.csdn.net/qsyzb/article/details/28891913