1.attr() 方法设置或返回被选元素的属性值。
$(selector).attr(attribute,value) selector:选择器,attribute:规定的属性的名称 ,value:规定属性的值
$("img").attr("width","180"); 改变图像的宽度
$("img").attr({ src: "test.jpg", alt: "Test Image" }); 为图像设置src 和alt 属性
2.removeAttr() 方法从被选元素中移除属性。
$(selector).removeAttr(attribute)
$("p").removeAttr("style");
$(selector).attr(attribute,value) selector:选择器,attribute:规定的属性的名称 ,value:规定属性的值
$("img").attr("width","180"); 改变图像的宽度
$("img").attr({ src: "test.jpg", alt: "Test Image" }); 为图像设置src 和alt 属性
2.removeAttr() 方法从被选元素中移除属性。
$(selector).removeAttr(attribute)
$("p").removeAttr("style");
$("img").removeAttr("src");
3.addClass() 方法向被选元素添加一个或多个类。
$("p").addClass("selected");//添加一个类
$("p").addClass("selected1 selected2"); 添加多个类
$("p:first").addClass("intro");向第一个p 元素添加一个类
4.removeClass() 方法从被选元素移除一个或多个类。
$("p").removeClass(); 删除匹配元素的所有类
$("p").removeClass("selected");从匹配的元素中删除 'selected' 类
例子:
每点击三下加上一次 'highlight' 类
HTML 代码:
<strong>jQuery 代码:</strong>
jQuery 代码:
var count = 0;
$("p").click(function(){
$(this).toggleClass("highlight", count++ % 3 == 0);
});