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 相关文章推荐
广告切换效果(缓动切换)
May 27 Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 Javascript
javascript中cookie对象用法实例分析
Jan 30 Javascript
JavaScript生成福利彩票双色球号码
May 15 Javascript
函数window.open实现关闭所有的子窗口
Aug 03 Javascript
js实现带农历和八字等信息的日历特效
May 16 Javascript
微信小程序 解决swiper不显示图片的方法
Jan 04 Javascript
Vue的Flux框架之Vuex状态管理器
Jul 30 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
JS数据类型STRING使用实例解析
Dec 18 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
Feb 14 Javascript
浅谈react路由传参的几种方式
Mar 23 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输出控制功能在简繁体转换中的应用
2006/10/09 PHP
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
PHP代码保护--Zend Guard的使用详解
2013/06/03 PHP
php+ajax+json 详解及实例代码
2016/12/12 PHP
Yii2实现ActiveForm ajax提交
2017/05/26 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
PHP实现分布式memcache设置web集群session同步的方法
2018/04/10 PHP
PHP 多任务秒级定时器的实现方法
2018/05/13 PHP
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
基于jquery的仿百度搜索框效果代码
2011/04/11 Javascript
js通过更改按钮的显示样式实现按钮的滑动效果
2014/04/23 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
2017/05/08 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
2017/07/04 Javascript
详解vue前后台数据交互vue-resource文档
2017/07/19 Javascript
javascript实现前端成语点击验证优化
2020/06/24 Javascript
js实现3D旋转效果
2020/08/18 Javascript
举例讲解Python中的Null模式与桥接模式编程
2016/02/02 Python
Python实现将一个正整数分解质因数的方法分析
2017/12/14 Python
python+pandas生成指定日期和重采样的方法
2018/04/11 Python
Python简单I/O操作示例
2019/03/18 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
python动态文本进度条的实例代码
2020/01/22 Python
python访问hdfs的操作
2020/06/06 Python
手把手教你将Flask应用封装成Docker服务的实现
2020/08/19 Python
一篇文章搞懂python的转义字符及用法
2020/09/03 Python
小学生自我鉴定
2013/10/12 职场文书
营销专业应届生求职信
2013/11/26 职场文书
副乡长民主生活会个人对照检查材料思想汇报
2014/10/01 职场文书
2014年卫生保健工作总结
2014/12/08 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
Vue-Element-Admin集成自己的接口实现登录跳转
2021/06/23 Vue.js