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函数
Apr 09 Javascript
JS弹出层单纯的绝对定位居中示例代码
Feb 18 Javascript
浅析jQuery EasyUI中的tree使用指南
Dec 18 Javascript
JavaScript中Math.SQRT2属性的使用详解
Jun 14 Javascript
JavaScript知识点整理
Dec 09 Javascript
你有必要知道的25个JavaScript面试题
Dec 29 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
Mar 04 Javascript
vue模板语法-插值详解
Mar 06 Javascript
js编写简单的计时器功能
Jul 15 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
Nov 15 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 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中的MVC模式运用技巧
2007/05/03 PHP
CodeIgniter实现从网站抓取图片并自动下载到文件夹里的方法
2015/06/17 PHP
PHP Swoole异步MySQL客户端实现方法示例
2019/10/24 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
javascript 主动派发事件总结
2011/08/09 Javascript
js导航菜单(自写)简单大方
2013/03/28 Javascript
js实现广告漂浮效果的小例子
2013/07/02 Javascript
JavaScript作用域链使用介绍
2013/08/29 Javascript
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
2016/05/28 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
2017/01/06 Javascript
js实现PC端根据IP定位当前城市地理位置
2017/02/22 Javascript
详解vue.js全局组件和局部组件
2017/04/10 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
2017/07/13 Javascript
解决ie img标签内存泄漏的问题
2017/10/13 Javascript
JavaScript之创意时钟项目(实例讲解)
2017/10/23 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
Python设计模式之代理模式实例
2014/04/26 Python
python写入xml文件的方法
2015/05/08 Python
举例讲解Python编程中对线程锁的使用
2016/07/12 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
python实现协同过滤推荐算法完整代码示例
2017/12/15 Python
python通过链接抓取网站详解
2019/11/20 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
HTML5 video循环播放多个视频的方法步骤
2020/08/06 HTML / CSS
L’urv官网:精品女性运动服品牌
2019/07/07 全球购物
King Apparel官网:英国街头服饰品牌
2019/09/05 全球购物
旅游项目开发策划书
2014/01/18 职场文书
年会搞笑主持词
2014/03/27 职场文书
python开发人人对战的五子棋小游戏
2022/05/02 Python