jQuery-属性操着

Posted 2020-10-09 狼来的日子里！

jquery属性操作分为属性操作，CSS类操作，html代码/文本/值操作

一：属性

使用	说明	例子
attr(name|pro|key,val|fn)	设置或返回被选元素的属性值， # 专门用于做自定义属性	$("img").attr("src");
removeAttr(name)	从每一个匹配的元素中删除一个属性 # 专门用于做自定义属性	$("img").removeAttr("src");
prop(n|p|k,v|f)	获取在匹配的元素集中的第一个元素的属性值， # 专门用于chekbox,radio	$("input[type=\'checkbox\']").prop("checked");
removeProp(name)	用来删除由.prop()方法设置的属性集， # 专门用于chekbox,radio

 

 

 

 

 

 

 

 

 

 

 

 

prop(n|p|k,v|f)和removeProp(name) 

随着一些内置属性的DOM元素或window对象，如果试图将删除该属性，浏览器可能会产生错误。

jQuery第一次分配undefined值的属性，而忽略了浏览器生成的任何错误。

 

二：CSS 类

使用	说明	例子
addClass(class|fn)	为每个匹配的元素添加指定的类名	$("p").addClass("selected");
removeClass([class|fn])	从所有匹配的元素中删除全部或者指定的类	$("p").removeClass("selected");
toggleClass(class|fn[,sw])	如果存在（不存在）就删除（添加）一个类	$("p").toggleClass("selected");

 

 

 

 

 

 

 

三：HTML代码/文本/值

使用	说明	例子
html([val|fn])	取得第一个匹配元素的html内容（文本和标签）	$(\'p\').html();
text([val|fn])	取得所有匹配元素的内容。（文本）	$(\'p\').text(); 设置 $("p").text("Hello world!");
val([val|fn|arr])	获得匹配元素的当前值	$("input").val(); 设置 $("input").val("hello world!");