JQuery中attr方法和removeAttr方法用法实例
更新时间：2015年05月18日 14:48:18 作者：永远爱好写程序
这篇文章主要介绍了JQuery中attr方法和removeAttr方法用法,实例分析了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程序设计有所帮助。
相关文章
这篇文章主要介绍了json+jQuery实现的无限级树形菜单效果代码,涉及jquery针对json数据的遍历、读取及动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
下面小编就为大家带来一篇jquery遍历table的tr获取td的值实现方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
解决jQuery uploadify在非IE核心浏览器下无法上传
之前上传了一个通过Flash实现多文件上传，但是在IE正常运行，FireFox 不能正常上传。经过反复研究学习，之所以firefox和360浏览器无法正常运行，是因为FireFox、chrome、360浏览器等支持HTML5的浏览器不会再文件上传时自动带入session信息和cookie，不共享session。2015-08-08
这篇文章主要介绍了jQuery实现二级下拉菜单效果的相关资料,二级下拉菜单在实际应用中非常的常见，比如企业网站的产品分类，或者部门分类等等，需要的朋友可以参考下2016-02-02
这篇文章主要为大家详细介绍了利用imgareaselect辅助后台实现图片裁剪的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解2012-02-02
这篇文章主要介绍了jQuery对下拉框,单选框,多选框的操作需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了jQuery文本框得到与失去焦点动态改变样式效果,涉及jQuery针对页面表单元素样式的动态操作技巧,需要的朋友可以参考下2016-09-09
这篇文章主要为大家详细介绍了jQuery实现可编辑的表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
击弹出层 ，点击弹出层外区域关闭弹出层，点击关闭关闭弹出层jquery特效，具体代码如下，喜欢的朋友可以学习下2013-08-08
最新评论