jquery attr()设置和获取属性值实例教程
语法：
1、attr(“属性名”)；//获取属性的值（取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回undefined）
2、attr(“属性名”，“属性值”);//设置属性的值（为所有匹配的元素设置一个属性值）
3、attr(“属性名”，“函数值”);//设置属性的函数值（为所有匹配的元素设置一个计算的属性值。不提供值，而是提供一个函数，由这个函数家孙的值作为属性值）
4、attr(properties);//给指定元素设置多个属性值，即：{属性名1：“属性值1”,属性值2：”属性值2”}（这是一种在所有匹配元素中批量设置很多属性的最佳方式。注意，如果你要设置的对象的class属性，你必须使用className作为属性名，或者你可以直接使用class或者id）
注意：所有的标点符号都是英文符号，在给指定元素设置多个属性值的时候，注意双引号“”的使用！
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>设置和获取属性值</title>
<style>
</style>
<scriptsrc="js/jquery-3.1.0.min.js"></script>
<script>
$(function(){
varn=0;
$("#btn1").on("click",function(){
alert($("img").attr("src"))//获取
});
$("#btn2").on("click",function(){
//设置
if(n==0){
$("img").attr("src","images/02.jpg")
n=1
}elseif(n==1){
$("img").attr("src","images/03.jpg")
n=2
}elseif(n==2){
$("img").attr("src","images/04.jpg")
n=3
}elseif(n==3){
$("img").attr("src","images/05.jpg")
n=0
}
})
})
</script>
</head>
<body>
<buttontype="button"id="btn1">获取属性值</button>
<buttontype="button"id="btn2">设置属性值</button>
<br><br>
<imgsrc="images/01.jpg">
</body>
</html>