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 多浏览器 事件大全
Mar 23 Javascript
一款由jquery实现的整屏切换特效
Sep 15 Javascript
Web表单提交之disabled问题js解决方法
Jan 13 Javascript
javascript父子页面通讯实例详解
Jul 17 Javascript
jquery利用拖拽方式在图片上添加热链接
Nov 24 Javascript
AngularJS中的Directive实现延迟加载
Jan 25 Javascript
在JavaScript中调用Java类和接口的方法
Sep 07 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
Dec 30 Javascript
javascript input输入框模糊提示功能的实现
Sep 25 Javascript
js实现无缝轮播图
Mar 09 Javascript
vue实现防抖的实例代码
Jan 11 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 设计模式之 单例模式
2008/12/19 PHP
php正则过滤html标签、空格、换行符的代码(附说明)
2010/10/25 PHP
php中多维数组按指定value排序的实现代码
2014/08/19 PHP
PHP生成RSS文件类实例
2014/12/05 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
php+mysql开发的最简单在线题库(在线做题系统)完整案例
2019/03/30 PHP
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
2010/03/31 Javascript
JS获取页面窗口大小的代码解读
2011/12/01 Javascript
javascript中关于break,continue的特殊用法与介绍
2012/05/24 Javascript
js实现图片轮换效果代码
2013/04/16 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
2013/05/26 Javascript
nodejs教程之环境安装及运行
2014/11/21 NodeJs
jquery实现在光标位置插入内容的方法
2015/02/05 Javascript
详解JavaScript中this的指向问题
2017/01/20 Javascript
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
2017/07/17 jQuery
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
2018/09/27 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
python3抓取中文网页的方法
2015/07/28 Python
微信跳一跳自动运行python脚本
2018/01/08 Python
python如何重载模块实例解析
2018/01/25 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
python2爬取百度贴吧指定关键字和图片代码实例
2019/08/14 Python
scrapy爬虫:scrapy.FormRequest中formdata参数详解
2020/04/30 Python
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二)
2020/10/12 Python
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
世嘉游戏英国官方商店:SEGA Shop UK
2019/09/20 全球购物
"引用"与多态的关系
2013/02/01 面试题
Oracle中delete,truncate和drop的区别
2016/05/05 面试题
大学毕业生自荐书怎么写?
2014/01/06 职场文书
《猴子种果树》教学反思
2014/04/26 职场文书
房屋认购协议书
2015/01/29 职场文书
校长师德表现自我评价
2015/03/05 职场文书
2016年第二十届“母亲节暨幸福工程救助贫困母亲活动日”活动总结
2016/04/06 职场文书
java开发双人五子棋游戏
2022/05/06 Java/Android