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 相关文章推荐
最新28个很棒的jQuery 教程
May 28 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
Sep 29 Javascript
javascript里绝对用的上的字符分割函数总结
Jul 31 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
Angular.js中下拉框实现渲染html的方法
Jun 18 Javascript
基于vue1和vue2获取dom元素的方法
Mar 17 Javascript
vue+vue-router转场动画的实例代码
Sep 01 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
Nov 15 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
Dec 03 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
解析vue、angular深度作用选择器
Sep 11 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 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
php的4种常见运行方式
2015/03/20 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
JavaScript高级程序设计
2006/12/29 Javascript
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
javascript 屏蔽鼠标键盘的几段代码
2008/01/02 Javascript
推荐10个超棒的jQuery工具提示插件
2011/10/11 Javascript
Prototype源码浅析 String部分(二)
2012/01/16 Javascript
js获得鼠标的坐标值的方法
2013/03/13 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
纯JS实现本地图片预览的方法
2015/07/31 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
总结Javascript中数组各种去重的方法
2016/10/04 Javascript
微信小程序 picker 组件详解及简单实例
2017/01/10 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
Vue动态面包屑功能的实现方法
2019/07/01 Javascript
Nodejs 微信小程序消息推送的实现
2021/01/20 NodeJs
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
python 实现登录网页的操作方法
2018/05/11 Python
Python利用公共键如何对字典列表进行排序详解
2018/05/19 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
python 安装库几种方法之cmd,anaconda,pycharm详解
2020/04/08 Python
python中return如何写
2020/06/18 Python
使用HTML5和CSS3制作一个模态框的示例
2018/03/07 HTML / CSS
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
应届生自我鉴定
2013/12/11 职场文书
yy生日主持词
2014/03/20 职场文书
毕业设计说明书
2014/05/07 职场文书
2014年房地产个人工作总结
2014/12/20 职场文书
优秀班集体事迹材料
2014/12/25 职场文书
综合办公室岗位职责
2015/04/11 职场文书
后天观后感
2015/06/08 职场文书
2016年“世界环境日”校园广播稿
2015/12/18 职场文书
详解如何用Python实现感知器算法
2021/06/18 Python