jQuery中removeProp()方法用法实例


Posted in Javascript onJanuary 05, 2015

本文实例讲述了jQuery中removeProp()方法用法。分享给大家供大家参考。具体分析如下:

此方法可以删除由prop()方法设置的属性。

语法:

$("selector").removeProp(name)

参数列表:

参数 描述
name 定义要要删除的属性名称。

实例:

实例一:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="author" content="https://3water.com/" />

<head>

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

       $("td").prop({width:"200",height:"300"});

       $("button").click(function(){

           $("td").removeProp("width");

       })

    })

</script>

</head>

<body>

    <table border="1">

      <tr>

       <td>欢迎来到三水点靠木</td>

      </tr>

    </table>

    <button>删除属性</button>

</body>

</html>

以上代码可以删除td的width属性。

实例二:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="author" content="https://3water.com/" />

<head>

<title>三水点靠木</title>

<style type="text/css">

   td

   {

       width:200px;

   }

</style>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

       $("td").prop({height:"300"});

       $("button").click(function(){

            $("td").removeProp("width");

       })

    })

</script>

</head>

<body>

    <table border="1">

      <tr>

       <td>欢迎来到三水点靠木</td>

      </tr>

    </table>

    <button>删除属性</button>

</body>

</html>

以上代码并没有删除td的width属性,这是因为removeProp()只能删除由prop()方法设置的属性。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
jquery监控数据是否变化(修正版)
Apr 12 Javascript
关于IE BUG与字符串截取substr的解决办法
Apr 10 Javascript
页面图片浮动左右滑动效果的简单实现案例
Feb 10 Javascript
使用JavaScript获取电池状态的方法
May 03 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
JavaScript获取页面中超链接数量的方法
Nov 09 Javascript
Bootstrap学习笔记之css样式设计(1)
Jun 07 Javascript
JavaScript 最佳实践:帮你提升代码质量
Dec 03 Javascript
Ajax和Comet技术总结
Feb 19 Javascript
Vue指令的钩子函数使用方法
Mar 20 Javascript
微信小程序实现倒计时功能
Nov 19 Javascript
JavaScript Html实现移动端红包雨功能页面
Jan 10 Javascript
jQuery中prop()方法用法实例
Jan 05 #Javascript
jQuery中removeAttr()方法用法实例
Jan 05 #Javascript
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 #Javascript
jquery.cookie.js使用指南
Jan 05 #Javascript
在Google 地图上实现做的标记相连接
Jan 05 #Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 #Javascript
jQuery中attr()方法用法实例
Jan 05 #Javascript
You might like
Mysql的常用命令
2006/10/09 PHP
PHP4实际应用经验篇(4)
2006/10/09 PHP
xajax写的留言本
2006/11/25 PHP
PHP 处理图片的类实现代码
2009/10/23 PHP
PHP __autoload()方法真的影响性能吗?
2012/03/30 PHP
php 利用array_slice函数获取随机数组或前几条数据
2015/09/30 PHP
基于 Swoole 的微信扫码登录功能实现代码
2018/01/15 PHP
PHP 7.4中使用预加载的方法详解
2019/07/08 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
Prototype 学习 工具函数学习($w,$F方法)
2009/07/12 Javascript
对采用动态原型方式无法展示继承机制得思考
2009/12/04 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
2016/06/17 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
类似于QQ的右滑删除效果的实现方法
2016/10/16 Javascript
js使用generator函数同步执行ajax任务
2017/09/05 Javascript
详解angular笔记路由之angular-router
2017/09/12 Javascript
countup.js实现数字动态叠加效果
2019/10/17 Javascript
vue实现购物车列表
2020/06/30 Javascript
vue 扩展现有组件的操作
2020/08/14 Javascript
深入解析Python中函数的参数与作用域
2016/03/20 Python
Python类的动态修改的实例方法
2017/03/24 Python
PyQt5 QTable插入图片并动态更新的实例
2019/06/18 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
2020/02/26 Python
关于jupyter打开之后不能直接跳转到浏览器的解决方式
2020/04/13 Python
浅谈keras 的抽象后端(from keras import backend as K)
2020/06/16 Python
解释一下钝化(Swap out)
2016/12/26 面试题
办公室内勤岗位职责范本
2013/12/09 职场文书
外语专业毕业生自荐信
2014/04/14 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
论文评审意见
2015/06/05 职场文书
python中24小时制转换为12小时制的方法
2021/06/18 Python
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python