一、jQuery操作样式

css操作

1、设置单个样式

//css(name, value);
//name：需要设置的样式名称 ;value：对应的样式值
$("#one").css("background","gray");//将背景色修改为灰色

2、设置多个样式

//css(obj);
//参数是一个对象，包含了需要设置的样式名和样式值
$("#one").css({"background":"gray","width":"400px","height":"200px"
});

3、获取样式

//css(name);
//name:需要获取的样式名称
$("div").css("background-color");
//返回第一个元素对应的样式值。

class操作

1、添加类

//addClass(name)
//name:需要添加的样式类名
$("div").addClass("one);

2、移除类

//removeClass(name);
//name::需要移除的样式类名
$("div").removeClass("one);

3、判断类

//hasClass(name)
//name:用于判断的样式类名，返回值为true false
$("div").hasClass("one);

4、切换类

//addClass(name)
//name:需要切换的样式类名，有则移除该样式,无则添加该样式
$("div").toggleClass("one);

二、jQuery属性样式

attr操作

1、设置单个属性

//attr(name, value);
//name：需要设置的属性名 ;value：对应的属性值
$("img").attr("title","哎哟，不错哦");

2、设置多个属性

//attr(obj);
//参数是一个对象，包含了需要设置的属性名和属性值
$("img").attr({title:"哎哟，不错哦",alt:"哎哟，不错哦"
});

3、获取属性

//attr(name)
//name:需要获取的属性名称，返回对应的属性值
var oTitle = $("img").attr("title");
//返回第一个元素对应的样式值。

4、移除属性

//removeAttr(name);
//name:需要移除的属性名
$("img").removeAttr("title");

prop操作

在jQuery1.6之后，对于布尔类型的属性（checked、selected、disabled），不能用attr方法，只能用prop方法。

//设置属性
$(“:checked”).prop(“checked”,true);
//获取属性
$(“:checked”).prop(“checked”);//返回true或者false

jQuery操作样式及属性样式相关推荐

从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
jQuery框架学习第四天：使用jQuery操作元素的属性与样式
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
[转帖]jQuery框架学习第四天：使用jQuery操作元素的属性与样式
一.摘要本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通 ...
[乐意黎转载]从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
一.摘要本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言通过前面几章我们已经能够完全控制jQuery包装集了, 无论是通 ...
jQuery操作页面元素属性和内容
操作页面元素的属性 A $("#bu1").click(function(){ //获得元素对象 var tex=$("#inp1"); //获得元素对象的属性 ...
jQuery第二天(操作样式、属性、节点、动画）
02.jQuery操作样式 1. css操作功能:设置或者修改样式,操作的是style属性. 操作单个样式特点:jQ的css方法都是行内样式: //name: 需要设置的样式名称 //value: ...
Java程序员从笨鸟到菜鸟之（八十八）跟我学jquery（四）JQuery框架操作元素的属性与样式
在前面几篇博客中,我们初步了解了一下jQuery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,修 ...
jQuery操作标签--样式、文本、属性操作, 文档处理
1.样式 2.文本 3.属性操作全选,反选效果 4.文档处理操作标签一.样式操作样式类: addClass(); // 添加指定的css类名removeClass(); //移除指定的css类 ...
JavaWeb开发前端语言：jQuery（二）属性操作、DOM的增删改、CSS样式操作、动画、事件操作
JavaWeb开发前端语言:jQuery(二) 1.jQuery的属性操作 2.jQuery练习:使用jQuery完成全选.全不选.反选和提交功能 3.DOM的增删改 3.1 DOM的增操作 3.1 ...

jQuery操作样式及属性样式

一、jQuery操作样式

css操作

class操作

二、jQuery属性样式

attr操作

prop操作

jQuery操作样式及属性样式相关推荐

最新文章

热门文章