JQuery中attr方法和removeAttr方法用法实例


Posted in Javascript onMay 18, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
Dec 22 Javascript
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 Javascript
js关闭子窗体刷新父窗体实现方法
Dec 04 Javascript
javascript中的作用域和上下文使用简要概述
Dec 05 Javascript
jQuery中even选择器的定义和用法
Dec 23 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
JavaScript操作Oracle数据库示例
Mar 06 Javascript
JavaScript中Function()函数的使用教程
Jun 04 Javascript
Node.js Streams文件读写操作详解
Jul 04 Javascript
基于Javascript倒计时效果
Dec 22 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
浅谈Vue static 静态资源路径 和 style问题
Nov 07 Javascript
JQuery中节点遍历方法实例
May 18 #Javascript
Jquery实现动态切换图片的方法
May 18 #Javascript
JQuery中基础过滤选择器用法实例分析
May 18 #Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
May 18 #Javascript
JQuery中属性过滤选择器用法实例分析
May 18 #Javascript
jquery表单对象属性过滤选择器实例分析
May 18 #Javascript
JQuery勾选指定name的复选框集合并显示的方法
May 18 #Javascript
You might like
php实现从ftp服务器上下载文件树到本地电脑的程序
2009/02/10 PHP
php读取javascript设置的cookies的代码
2010/04/12 PHP
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
php字符串分割函数explode的实例代码
2013/02/07 PHP
PHP也能干大事之PHP中的编码解码详解
2015/04/20 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
PHP匿名函数和use子句用法实例
2016/03/16 PHP
Laravel向公共模板赋值方法总结
2019/06/25 PHP
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
2010/11/23 Javascript
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
2014/03/18 Javascript
原生javascript实现简单的datagrid数据表格
2015/01/02 Javascript
JS获取图片高度宽度的方法分享
2015/04/17 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
两种简单的跨域方法(jsonp、php)
2017/01/02 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
2017/02/15 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
2017/05/12 Javascript
js用类封装pop弹窗组件
2017/10/08 Javascript
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
2019/03/19 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
解决layui动态加载复选框无法选中的问题
2019/09/20 Javascript
微信小程序点击item使之滚动到屏幕中间位置
2020/03/25 Javascript
微信小程序实现自定义底部导航
2020/11/18 Javascript
[01:01:35]Optic vs paiN 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
部署Python的框架下的web app的详细教程
2015/04/30 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
Python实现Wordcloud生成词云图的示例
2020/03/30 Python
Python 实现自动登录+点击+滑动验证功能
2020/06/10 Python
python与c语言的语法有哪些不一样的
2020/09/13 Python
CSS3实现大小不一的粒子旋转加载动画
2016/04/21 HTML / CSS
AC Lens:购买隐形眼镜
2017/02/26 全球购物
2014年党员评议表自我评价
2014/09/27 职场文书
2015年图书馆个人工作总结
2015/05/26 职场文书
WINDOWS 64位 下安装配置mysql8.0.25最详细的教程
2022/03/22 MySQL