JQuery中attr方法和removeAttr方法用法实例
本文实例讲述了JQuery中attr方法和removeAttr方法用法。分享给大家供大家参考。具体如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
div{width:100px;margin:0px auto;border:1px solid red;}
</style>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnChange").click(function () {
var $divs = $("div");
//----1.举例1
//$divs.eq(0).attr("MyAttr", "Ronaldo");
//eq返回指定下标的JQuery对象(注意:此时$divs中有两个div的dom元素)
//$divs.eq(1).attr("MyAttr", "Ronaldo1");
//alert($divs.attr("MyAttr"));
//读取MyAttr属性，注意，只会读取出第一个元素的该属性
//----2.举例2 使用JSon格式设置attr
//$divs.eq(0).attr({ "MyAttr": "Ronaldo", "Age": "19" });
//$divs.eq(1).attr({ "MyAttr": "Rivaldo", "Age": "29" });
//alert("MyAttr:" + $divs.eq(1).attr("MyAttr") + ",Age:" + $divs.eq(1).attr("Age"));
//----3.举例3 移除属性
$divs.eq(0).attr({ "MyAttr": "Ronaldo", "Age": "19" });
$divs.eq(1).attr({ "MyAttr": "Rivaldo", "Age": "29" });
alert("MyAttr:" + $divs.eq(1).attr("MyAttr") + ",Age:" + $divs.eq(1).attr("Age"));
$divs.eq(1).removeAttr("Age");
alert("MyAttr:" + $divs.eq(1).attr("MyAttr") + ",Age:" + $divs.eq(1).attr("Age"));
});
});
</script>
</head>
<body>
<input id="btnChange" type="button" value="Click Me" />
<div id="div1">我是div1</div>
<div id="div2">我是div2</div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍关于jquery中attr()和prop()方法的区别，包括了关于jquery中attr()和prop()方法的区别的使用技巧和注意事项，需要的朋友参考一下 最近项目回归使用jquery，页面渲染全是使用jquery做的，所以做的时候也遇到了许多以前没有见过的问题，如这次操作【radio】控件的"checked"属性时有遇到问题， $("...").attr("checked",fa
-
本文向大家介绍jquery中post方法用法实例，包括了jquery中post方法用法实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery中post方法的用法，分享给大家供大家参考。具体用法分析如下： 在使用jquery实现网站的异步交互时，常用的两个函数为get和post方法，get方法使用很简单，直接提交get请求即可，如果有参数，直接追加到url后面就行，但是使用post
-
本文向大家介绍JQuery 使用attr方法实现下拉列表选中，包括了JQuery 使用attr方法实现下拉列表选中的使用技巧和注意事项，需要的朋友参考一下 html代码如下： js代码：
-
本文向大家介绍jquery中one()方法的用法实例，包括了jquery中one()方法的用法实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery中one()方法的用法。分享给大家供大家参考。具体分析如下： jQuery中的one()方法：表示只执行一次，代码如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
这个版本完善hasClass和css 方法. 新增 attr和data css: function(attr, val) { //链式测试 for (var i = 0; i < this.length; i++) { if(typeof attr == 'string') { if (arguments.length == 1) {
-
本文向大家介绍jQuery的attr和prop方法有什么区别？相关面试题，主要包含被问及jQuery的attr和prop方法有什么区别？时的应答技巧和注意事项，需要的朋友参考一下