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 相关文章推荐
通过Mootools 1.2来操纵HTML DOM元素
Sep 15 Javascript
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 Javascript
javascript中sort()的用法实例分析
Jan 30 Javascript
JS获取图片高度宽度的方法分享
Apr 17 Javascript
学习vue.js表单控件绑定操作
Dec 05 Javascript
jQuery中Chosen三级联动功能实例代码
Mar 07 Javascript
JS实现页面打印功能
Mar 16 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
May 30 Javascript
vue中倒计时组件的实例代码
Jul 06 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
Feb 22 Javascript
微信小程序可滑动月日历组件使用详解
Oct 21 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设计模式中单例模式的应用分析
2013/05/15 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
JavaScript 应用技巧集合[推荐]
2009/08/30 Javascript
jQuery ajax cache缓存问题
2010/07/01 Javascript
jQuery学习笔记之jQuery的事件
2010/12/22 Javascript
multiSteps 基于Jquery的多步骤滑动切换插件
2011/07/22 Javascript
JS获取整个页面文档的实现代码
2011/12/15 Javascript
JavaScript执行顺序详细介绍
2013/12/04 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
javascript 四十条常用技巧大全
2016/09/09 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
JavaScript面向对象程序设计创建对象的方法分析
2018/08/13 Javascript
在vue项目中使用md5加密的方法
2018/09/14 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
Python实现在tkinter中使用matplotlib绘制图形的方法示例
2018/01/18 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
对Python3中列表乘以某一个数的示例详解
2019/07/20 Python
python应用文件读取与登录注册功能
2019/09/23 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
python3 循环读取excel文件并写入json操作
2020/07/14 Python
浅谈Python描述数据结构之KMP篇
2020/09/06 Python
中国排名第一的外贸销售网站:LightInTheBox.com(兰亭集势)
2016/10/28 全球购物
人力资源专业推荐信
2013/11/29 职场文书
九年级科学教学反思
2014/01/29 职场文书
会计电算化学生个人的自我评价
2014/02/08 职场文书
2014两会学习心得:榜样精神伴我行
2014/03/17 职场文书
优秀少先队工作者事迹材料
2014/05/13 职场文书
山楂树之恋观后感
2015/06/11 职场文书
python基础学习之递归函数知识总结
2021/05/26 Python
Golang的继承模拟实例
2021/06/30 Golang
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript