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 相关文章推荐
学习ExtJS Window常用方法
Oct 07 Javascript
你必须知道的Javascript知识点之&quot;this指针&quot;的应用
Apr 23 Javascript
21个值得收藏的Javascript技巧
Feb 04 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 Javascript
JavaScript获取页面中表单(form)数量的方法
Apr 03 Javascript
javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
May 14 Javascript
纯JS前端实现分页代码
Jun 21 Javascript
js给table赋值的实例代码
Oct 13 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
Nov 18 Javascript
浅析Vue项目中使用keep-Alive步骤
Jul 27 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
VUE.CLI4.0配置多页面入口的实现
Nov 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
php self,$this,const,static,-&amp;gt;的使用
2009/10/22 PHP
让PHP以ROOT权限执行系统命令的方法
2011/02/10 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
PHP基于socket实现客户端和服务端通讯功能
2017/07/13 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
基于mootools 1.3框架下的图片滑动效果代码
2011/04/22 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
2014/01/06 Javascript
LABjs、RequireJS、SeaJS的区别
2014/03/04 Javascript
jQuery 删除/替换DOM元素的几种方式
2014/05/20 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
jquery验证手机号是否正确实例讲解
2015/11/17 Javascript
JS获取数组最大值、最小值及长度的方法
2015/11/24 Javascript
Flow之一个新的Javascript静态类型检查器
2015/12/21 Javascript
loading动画特效小结
2017/01/22 Javascript
简单实现AngularJS轮播图效果
2020/04/10 Javascript
vue.js声明式渲染和条件与循环基础知识
2017/07/31 Javascript
浅谈Vue.js中的v-on(事件处理)
2017/09/05 Javascript
CentOS环境中MySQL修改root密码方法
2018/01/07 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
微信小程序跳转到其他网页(外部链接)的实现方法
2019/09/20 Javascript
JavaScript实现密码强度实时验证
2020/03/18 Javascript
查看Python安装路径以及安装包路径小技巧
2015/04/28 Python
Python 内置函数complex详解
2016/10/23 Python
PYQT5设置textEdit自动滚屏的方法
2019/06/14 Python
Keras-多输入多输出实例(多任务)
2020/06/22 Python
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
Ellos瑞典官网:北欧地区时尚、美容和住宅领域领先的电子商务网站
2019/11/21 全球购物
怎样写留学自荐信
2013/11/11 职场文书
演讲稿开场白
2014/01/13 职场文书
学雷锋演讲稿
2014/03/04 职场文书
2014年为民办实事工作总结
2014/12/20 职场文书
小学语文复习计划
2015/01/19 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书
酒店开业主持词
2015/07/02 职场文书
php 解析非标准json、非规范json
2021/04/01 PHP
mysql 索引合并的使用
2021/08/30 MySQL