指定元素.attr(name|pro|key,val|fn)
作用:获取或者设置属性结点的值
可以传递一个参数,也可以传递2个参数
如果传递一个参数,代表获取属性结点的值
如果传递2个参数,代表设置属性结点的值
注意点:如果是获取,无论找到多少个元素,都只会返回第一个元素指定的属性结点的值
如果是设置:找到多少个元素就会设置多少个元素
如果是设置:如果设置的属性结点不存在,那么系统会自动新增 指定元素
指定元素:removeAttr(name)
删除属性结点
注意点:会删除所有找到的属性结点
prop方法和attr方法一样
但是:官方推荐在操作属性结点时,具有属性值true和false的属性结点,如checked ,selected,或者disabled使用prop() 其他使用attr() 列子示范:
<script type="text/javascript">
$(function(){
//1,给按钮添加点击事件
var btn=document.getElementsByTagName("button")[0];
btn.onclick=function(){
//2 获取输入框的内容
var input=document.getElementsByTagName("button")[0];
var text=input.value;
//3 修改img的scr的属性结点
$("img").attr("src",text);//推荐使用attr,因为src返回的不是true或者false
// $("img").prop("src",text);
};
})
</script>
</head>
<body>
<input type="text">
<button type="button">切换图片</button>
<img src="https://www.baidu.com/img/bd_logo1.png" >
</body>
</html>