jquery中的屬性和樣式設置


添加屬性

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

為目標元素添加title和name屬性

添加之前:

<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");

所謂的設置樣式,實際上就是修改目標元素的class屬性,注意此時是將class修改為red,而不是在原來的class基礎上添加

設置樣式之前:

<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");

若樣式存在則返回true,否則返回false



添加css樣式

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

添加css樣式之前:

<p name="solgan" class="red" >我是路飛,要成為海賊王的男人。</p>

添加css樣式之后:

<p name="solgan" class="red" style="text-decoration: underline;">我是路飛,要成為海賊王的男人。</p>




注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com