jQuery中removeAttr()方法用法实例


Posted in Javascript onJanuary 05, 2015

本文实例讲述了jQuery中removeAttr()方法用法。分享给大家供大家参考。具体分析如下:

此方法从匹配元素中移除相应的属性。

语法结构:

$(selector).removeAttr(attribute)

参数列表:

参数 描述
attribute 定义要从匹配元素中移除的属性

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title> 

<style type="text/css"> 

div{ 

  height:200px; 

  width:200px; 

  border:1px solid blue 

} 

.reset{ 

  font-size:20px; 

  color:green; 

} 

</style> 

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>  

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("#btn").click(function(){ 

    $("div").removeAttr("class"); 

  })

}) 

</script> 

</head> 

<body> 

  <div class="reset">三水点靠木欢迎您</div> 

  <button id="btn">点击查看效果</button> 

</body> 

</html>

在以上代码中,点击按钮可以删除移除class属性。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JavaScript Eval 函数使用
Mar 23 Javascript
javascript框架设计之类工厂
Jun 23 Javascript
跟我学习javascript的最新标准ES6
Nov 20 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成&quot;...&quot;)
Nov 28 Javascript
JavaScript实现跟随滚动缓冲运动广告框
Jul 15 Javascript
VUE搭建手机商城心得和遇到的坑
Feb 21 Javascript
使用 Element UI Table 的 slot-scope方法
Oct 10 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
Oct 20 Javascript
浅谈vue中组件绑定事件时是否加.native
Nov 09 Javascript
Javascript组合继承方法代码实例解析
Apr 02 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
Apr 24 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 #Javascript
jquery.cookie.js使用指南
Jan 05 #Javascript
在Google 地图上实现做的标记相连接
Jan 05 #Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 #Javascript
jQuery中attr()方法用法实例
Jan 05 #Javascript
jQuery实现自定义下拉列表
Jan 05 #Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 #Javascript
You might like
php 删除数组元素
2009/01/16 PHP
ezSQL PHP数据库操作类库
2010/05/16 PHP
PHP获取当前页面完整URL的实现代码
2013/06/10 PHP
zf框架的校验器InArray使用示例
2014/03/13 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
PHP命名空间定义与用法实例分析
2019/08/14 PHP
农历与西历对照
2006/09/06 Javascript
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
Javascript实现的Map集合工具类完整实例
2015/07/31 Javascript
高性能JavaScript DOM编程(1)
2015/08/11 Javascript
JS+CSS实现仿雅虎另类滑动门切换效果
2015/10/13 Javascript
为何JS操作的href都是javascript:void(0);呢
2015/11/12 Javascript
基于JS实现导航条flash导航条
2016/06/17 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
浅谈JavaScript面向对象--继承
2019/03/20 Javascript
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
对pandas中apply函数的用法详解
2018/04/10 Python
浅谈dataframe中更改列属性的方法
2018/07/10 Python
Numpy之reshape()使用详解
2019/12/26 Python
python yield和Generator函数用法详解
2020/02/10 Python
ColourPop美国官网:卡拉泡泡,洛杉矶彩妆品牌
2019/04/28 全球购物
网上常见的一份Linux面试题(多项选择部分)
2014/09/09 面试题
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
你懂得怎么写自荐信吗?
2013/12/27 职场文书
我为自己代言广告词
2014/03/18 职场文书
保密承诺书范文
2014/03/27 职场文书
消防安全标语
2014/06/07 职场文书
幼儿园六一亲子活动方案
2014/08/26 职场文书
工人先进事迹材料
2014/12/26 职场文书
工作简历自我评价
2015/03/11 职场文书
2015年乡镇食品安全工作总结
2015/10/22 职场文书
java中用float时,数字后面加f,这样是为什么你知道吗
2021/09/04 Java/Android