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 相关文章推荐
Egret引擎开发指南之视觉编程
Sep 03 Javascript
jQuery中;function($,undefined) 前面的分号的用处
Dec 17 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
Jun 18 Javascript
jquery html动态添加的元素绑定事件详解
May 24 Javascript
利用浮层使select不可选的实现方法
Dec 03 Javascript
JavaScript箭头函数_动力节点Java学院整理
Jun 28 Javascript
Angular.js自动化测试之protractor详解
Jul 07 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
Feb 09 Javascript
浅谈Webpack 是如何加载模块的
May 24 Javascript
基于layPage插件实现两种分页方式浅析
Jul 27 Javascript
Servlet返回的数据js解析2种方法
Dec 12 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
Sep 21 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发送有附件的电子邮件-(PHPMailer使用的实例分析)
2013/04/26 PHP
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
2014/09/27 PHP
php中file_exists函数使用详解
2015/05/08 PHP
PHP基于新浪IP库获取IP详细地址的方法
2017/05/04 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
2019/03/14 PHP
javascript parseInt与Number函数的区别
2010/01/21 Javascript
JQuery中的$.getJSON 使用说明
2011/03/10 Javascript
SyntaxHighlighter语法高亮插件使用说明
2011/08/14 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
2013/01/21 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
2014/07/04 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
js给网页加上背景音乐及选择音效的方法
2015/03/03 Javascript
浅谈javascript中的闭包
2015/05/13 Javascript
AngularJS教程之简单应用程序示例
2016/08/16 Javascript
Ionic默认的Tabs模板使用实例
2016/08/29 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
2016/10/10 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
2016/12/08 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
2017/03/02 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
2018/09/25 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
如何优雅地在Node应用中进行错误异常处理
2019/11/25 Javascript
Python将多个excel文件合并为一个文件
2018/01/03 Python
Python操作Redis之设置key的过期时间实例代码
2018/01/25 Python
django文档学习之applications使用详解
2018/01/29 Python
Pandas 缺失数据处理的实现
2019/11/04 Python
澳大利亚最大的女装零售商:Millers
2017/09/10 全球购物
Conforama西班牙:您的家具、装饰和电器商店
2020/02/21 全球购物
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
Sahajan美国:阿育吠陀护肤品牌
2021/01/09 全球购物
大学生个人求职信范文
2013/09/21 职场文书
司机岗位职责
2013/11/15 职场文书
最美乡村医生事迹材料
2014/06/02 职场文书
教师遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
MySQL的Query Cache图文详解
2021/07/01 MySQL