jQuery属性操作

Posted 2020-11-03 miaoxingxiaoq

属性操作：attr()、removeAttr()、prop()、addClass()、removeClass()、 html()、text()：

attr()：设置或返回被选元素的属性值：
$("img").attr("src");
$("img").attr({ src: "test.jpg", alt: "Test Image" });

removeAttr()：将某元素的某属性删除：
$("img").removeAttr("src");

prop()：获取在匹配的元素集中的第一个元素的属性值：

复选框选中：
$("input[type=‘checkbox‘]").prop("checked");

复选框禁用：
$("input[type=‘checkbox‘]").prop({
disabled: true
});

addClass()：为匹配的元素加上类名：
$("p").addClass("selected");
$("p").addClass("selected1 selected2");

removeClass()：删除匹配元素的某类名：
$("p").removeClass("selected");

attr()：获得或设置匹配元素的当前值：
$("input").val();
$("input").val("hello world!");

html() ：方法返回或设置（替换）被选元素的内容，html()方法设置的是html内容，而text()方法设置的是文本内容：
$("div").html("<b>我是重新设置后的内容</b>");
$("div").text("我是重新设置后的内容");