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 showModalDialog,open取得父窗口的方法
Mar 10 Javascript
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
Jul 29 Javascript
圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现
Dec 27 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
Jun 06 Javascript
JavaScript中的字符串操作详解
Nov 12 Javascript
javascript操作excel生成报表全攻略
May 04 Javascript
javascript中字符串拼接详解
Sep 26 Javascript
聊聊Vue.js的template编译的问题
Oct 09 Javascript
AngularJS 表单验证手机号的实例(非必填)
Nov 12 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
Oct 02 Javascript
jquery.pager.js分页实现详解
Jul 29 jQuery
JavaScript实现移动端弹窗后禁止滚动
May 25 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
基于pear auth实现登录验证
2010/02/26 PHP
逆序二维数组插入一元素的php代码
2012/06/08 PHP
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
解决PHP里大量数据循环时内存耗尽的方法
2015/10/10 PHP
PHP实现登录注册之BootStrap表单功能
2017/09/03 PHP
prototype 中文参数乱码解决方案
2009/11/09 Javascript
js 自定义的联动下拉框
2010/02/07 Javascript
JavaScript中实现块作用域的方法
2010/04/01 Javascript
关于js内存泄露的一个好例子
2013/12/09 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
2015/02/24 Javascript
jQuery实现点击查看大图并以弹框的形式居中
2016/08/08 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
2018/12/23 Javascript
js实现简单分页导航栏效果
2019/06/28 Javascript
浅析js实现网页截图的两种方式
2019/11/01 Javascript
vuex actions异步修改状态的实例详解
2019/11/06 Javascript
JS数组扁平化、去重、排序操作实例详解
2020/02/24 Javascript
举例讲解Python中的list列表数据结构用法
2016/03/12 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
PyCharm 2019.3发布增加了新功能一览
2019/12/08 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
CSS 3.0 结合video视频实现的创意开幕效果
2020/06/01 HTML / CSS
Club Monaco加拿大官网:设计师男女服装
2019/09/29 全球购物
Strathberry苏贝瑞中国官网:西班牙高级工匠手工打造
2020/10/19 全球购物
是什么让J2EE适合用来开发多层的分布式的应用
2015/01/16 面试题
如何执行一个shell程序
2012/11/23 面试题
《金钱的魔力》教学反思
2014/02/24 职场文书
小学三好学生事迹材料
2014/08/15 职场文书
群众路线教育实践活动对照检查材料
2014/09/22 职场文书
2015毕业实习推荐信
2015/03/23 职场文书
单位领导婚礼致辞
2015/07/28 职场文书
干部作风纪律整顿心得体会
2016/01/23 职场文书
SQL注入篇学习之盲注/宽字节注入
2022/03/03 MySQL
cypress测试本地web应用
2022/06/01 Javascript