jQuery attr removeAttr 属性操作
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>b index</title>
<link rel='stylesheet' type="text/css" href='b/css/bootstrap.css'>
</head>
<body style="margin:150px;">
<div id="div001">div001</div>
<div id="div002">div002</div>
<div id="div003">div003</div>
<div>
<button id="btn001">click me to use attr set string attr</button>
<button id="btn002">click me to use attr get attr</button>
<button id="btn003">click me to use attr set obj attr</button>
<button id="btn004">click me to use removeAttr string</button>
<button id="btn005">click me to use removeAttr obj</button>
<button id="btn006">click me to use attr set fn attr</button>
</div>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="b/js/bootstrap.js"></script>
<script type="text/javascript" src="js/index031.js"></script>
</body>
</html>
$(function() {
$('#btn001').click(btn001Click);
$('#btn002').click(btn002Click);
$('#btn003').click(btn003Click);
$('#btn004').click(btn004Click);
$('#btn005').click(btn005Click);
$('#btn006').click(btn006Click);
});
function btn001Click() {
$('#div001').attr('a', 'a');
}
function btn002Click() {
// 如果没有设置a属性，会得到undefined；
var string = $('#div001').attr('a');
console.log(string);
}
function btn003Click() {
var obj = {
'a' : 'a',
'b' : 'b'
};
$('#div001').attr(obj);
}
function btn004Click() {
// 必须有输入参数，否则没有效果；
$('#div001').removeAttr();
// 输入'a','b'只会删除'a'的属性；输入['a','b']会报错；
$('#div001').removeAttr('a', 'b');
}
function btn005Click() {
var obj = {
'a' : 'a',
'b' : 'b'
};
// 输入一个对象会报错的；
try {
$('#div001').removeAttr(obj);
} catch (e) {
console.log(e);
}
}
function btn006Click() {
$('#div002').attr('title', function() {
// return this.id;
// 这样也是可以的；返回一个字符串就可以了；
return 'asdf';
});
}
var ids=$('div').attr('id');
得到的是第一个元素的id，还不是所有元素的id；
prop也是获得第一个元素的id；