jquery中的属性和样式设置
2014-06-06 00:00
211 查看
添加属性
$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>
相关文章推荐
- jquery中的属性和样式设置
- jQuery的属性与样式之.css()与.addClass()设置样式的区别
- jQuery中attr()设置属性,css()设置style里的样式
- js、jquery获取、设置元素属性与样式
- JQuery 设置样式属性
- jquery中的属性和样式设置
- JQuery样式与属性设置
- JQuery元素属性和样式操作、以及设置元素和内容
- JQuery函数和属性样式的设置
- jQuery学习笔记(4)-设置元素的属性和样式
- jQuery中属性和样式设置k
- jquery中的属性和样式设置
- jQuery的属性与样式之.css()与.addClass()设置样式的区别
- Jquery小点滴 - 获取和设置元素value属性
- JQuery基础之(五)使用JQuery操作元素的属性和样式
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- jQuery框架学习第四天:使用jQuery操作元素的属性与样式
- jquery 无法设置selected属性,未指明的错误