jQuery的attr方法有两种，这里讲解的都是基础的。就直接上代码吧，语法和注意事项都做好了注释。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery的attr方法</title>
<script src="js/jquery.js"></script>
<script>
$(function(){
/*
1.attr(name|pro|key.val|fn)
作用:获取或者设置属性节点的值
可以传递一个参数，也可以传递两个参数
如果传递一个参数，代表获取属性节点的值
如果传递两个参数，代表设置属性节点的值
注意点：
如果是获取:无论找到多少个元素，都只会返回第一个元素指定的属性节点的值
如果是设置:找到多少个元素就会设置多少个元素
如果是设置:如果设置的属性节点不存在，那么系统会自动新增
2.removeAttr(name)
删除属性节点
注意点：
会删除所有找到元素指定的属性节点
*/
// console.log($("span").attr("class"));
// console.log($("span").attr("class","box"));
// $("span").attr("abc","123")
$("span").removeAttr("class name");
});
</script>
</head>
<body>
<span class="span1" name="IT123"></span>
<span class="span2" name="IT456"></span>
</body>
</html>
可在控制台中查看各行代码的运行效果，若有任何疑问或是不解，请在下方评论，我们互相探讨，谢谢。