元素属性操作

Posted on Posted in js
Tips: 本文创建于2014年7月5日,已超过 2 年,内容或图片可能已经失效!

jquery属性操作

[code lang="html"]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-2.1.0.js">

</script>
<script type="text/javascript">
function f1() {
$("#username").attr('name', 'u1');
// 同时修改多个信息,使用json
// $("#username").attr(json对象)
var jn = {
name : 'userqq',
value : '123456',
'class' : 'banana'
};
$("#username").attr(jn);
// 通过一个函数的返回值实现属性修改
// $().attr(名称,fn); fn为函数返回
$("#username").attr('value', function() {
return 23 + 10;
});
//删除属性
$("username").removeAttr("class");
}
</script>
</head>
<body>
<h2>属性操作</h2>
<input type="text" id="username" name="username" value="linken"
class="apple" />
<input type="button" value="触发" onclick="f1()">
</body>
</html>
[/code]

» 转载请注明来源:呢喃 » 元素属性操作