JavaScript获取标签属性

先介绍两个常用方法:

attr() 方法设置或返回被选元素的属性和值。

  • 当该方法用于返回属性值，则返回第一个匹配元素的值。
  • 当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。

prop() 方法设置或返回被选元素的属性和值。

  • 当该方法用于返回属性值时，则返回第一个匹配元素的值。
  • 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

应用
标签如下:

<input type="text" name="mohu" value="mohu">
<input type="text" name="zd" placeholder="1" >

js获取：

var v1 = $("[name='mohu']").attr("type");
var v2 = $("[name='zd']").attr("placeholder");  
console.log(v1)					//text
console.log(v2)					//1

让复选框全选,设置属性：

$("[name='mohu'],[name='zd']").prop("checked",true)

js设置元素样式:

$("body").attr("style","background:url('https://s1.ax1x.com/2020/10/29/BGAVeA.jpg');width:100%;height:128px;");
$("img").attr("width","180");