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 相关文章推荐
将HTML自动转为JS代码
Jun 26 Javascript
javascript DOM编程实例(智播客学习)
Nov 23 Javascript
javascript通过navigator.userAgent识别各种浏览器
Oct 25 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
Dec 18 Javascript
jQuery晃动层特效实现方法
Mar 09 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
May 13 Javascript
深入探讨Vue.js组件和组件通信
Sep 12 Javascript
关于在mongoose中填充外键的方法详解
Aug 14 Javascript
vue实现word,pdf文件的导出功能
Jul 31 Javascript
vue实现div单选多选功能
Jul 16 Javascript
vue设置全局访问接口API地址操作
Aug 14 Javascript
vue实现购物车的小练习
Dec 21 Vue.js
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中全局变量global的使用演示代码
2011/05/18 PHP
谨慎使用PHP的引用原因分析
2012/09/06 PHP
PHP提示Notice: Undefined variable的解决办法
2012/11/24 PHP
常用PHP框架功能对照表
2014/10/23 PHP
PHP动态柱状图实现方法
2015/03/30 PHP
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
jquery 指南/入门基础
2007/11/30 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
2015/09/19 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
js性能优化技巧
2015/11/29 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
2016/01/14 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
2016/01/21 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
2020/03/09 Javascript
Vue2.0 ES6语法降级ES5的操作
2020/10/30 Javascript
python中的迭代和可迭代对象代码示例
2017/12/27 Python
Python切片索引用法示例
2018/05/15 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
pyqt弹出新对话框,以及关闭对话框获取数据的实例
2019/06/18 Python
python requests包的request()函数中的参数-params和data的区别介绍
2020/05/05 Python
使用anaconda安装pytorch的实现步骤
2020/09/03 Python
Python图像处理之膨胀与腐蚀的操作
2021/02/07 Python
CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
2012/11/13 HTML / CSS
css3 transform属性详解
2014/09/30 HTML / CSS
威尔逊皮革:Wilsons Leather
2018/12/07 全球购物
医学类个人求职信范文
2014/02/05 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
2014年留守儿童工作总结
2014/12/10 职场文书
老公保证书怎么写
2015/02/26 职场文书
2015年工商所工作总结
2015/05/21 职场文书
2016年感恩母亲节活动总结
2016/04/01 职场文书
六种css3实现的边框过渡效果
2021/04/22 HTML / CSS
Python 中的Sympy详细使用
2021/08/07 Python