jquery中常见的css操作方法

jquery中常见的css操作方法

如何用jquery对dom元素的class修改 删除 添加

addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
hasClass()-检查被选元素是否包含指定的class.
css() - 设置或返回样式属性
attr() 设置或返回匹配元素的属性和值。
removeAttr() 从所有匹配的元素中移除指定的属性。

//增加class
$(".default").addClass("hover_s");

//移除class
$(".default").removeClass("default ");

//进行添加/删除类的切换操作
$("h1,h2,p").toggleClass("blue");

//检查被选元素是否包含指定的class.
$(".default").hasClass("default ");

//读取css样式
$(“p”).css(“color”); //取得段落的color样式属性的值


//设置css样式
//设置单个样式
$(".p").css("font-size","18pxz");

//设置多个样式
$("p").css("color","red").css("font-size","18px");
//或者
$("p").css({ 
    "color": "#ff0011", 
    "background": "blue"  //将所有段落的字体颜色设为红色并且背景为蓝色。
}); 

//attr()	设置匹配元素的属性和值。
$("img").attr("width","180");

//返回匹配元素的属性和值。
$("img").attr("width")

JQuery获取this当前对象子元素对象

使用jquery的children。
不能使用$(this “span”),这样操作不了this的子元素

$(this).children("span")

JQuery通过click事件获取当前点击对象的id,name,value

//获取id
var clickID=$(this).attr("id");
//获取name
var clickName=$(this).attr("name");
//获取value
var clickVal=$(this).val();

QQ

卢松波 QQ：2577070282