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 相关文章推荐
apycom出品的jQuery精美菜单破解方法
Feb 18 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
Dec 13 Javascript
js实现适合新闻类图片的轮播效果
Feb 05 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
javascript数据结构之串的概念与用法分析
Apr 12 Javascript
Vue.JS项目中5个经典Vuex插件
Nov 28 Javascript
nginx+vue.js实现前后端分离的示例代码
Feb 12 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
ES6的解构赋值实例详解
May 06 Javascript
angular使用md5,CryptoJS des加密的方法
Jun 03 Javascript
easyUI 实现的后台分页与前台显示功能示例
Jun 01 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(2)
2006/10/09 PHP
Discuz!下Memcache缓存实现方法
2010/05/28 PHP
关于PHP的相似度计算函数:levenshtein的使用介绍
2013/04/15 PHP
PHP反向代理类代码
2014/08/15 PHP
Yii框架中memcache用法实例
2014/12/03 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
PHP 实现浏览记录并按日期分组
2017/05/11 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
js控制div及网页相关属性的代码
2009/12/19 Javascript
用js来解决ajax读取页面乱码
2010/11/28 Javascript
拥抱模块化的JavaScript
2012/03/07 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
动态读取JSON解析键值对的方法
2014/06/03 Javascript
jquery实现两个图片渐变切换效果的方法
2015/06/25 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
微信小程序 MD5加密登录密码详解及实例代码
2017/01/12 Javascript
Vue实例简单方法介绍
2017/01/20 Javascript
JavaScript实现时钟滴答声效果
2017/01/29 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
vue计算属性get和set用法示例
2019/02/08 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
Python操作word常见方法示例【win32com与docx模块】
2018/07/17 Python
python 画出使用分类器得到的决策边界
2019/08/21 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
世界上最值得信赖的多日游在线市场:TourRadar
2018/07/20 全球购物
美丽的现代设计家具:2Modern
2018/07/26 全球购物
亿企通软件测试面试题
2012/04/10 面试题
主管会计岗位责任制
2014/02/10 职场文书
宣传工作经验材料
2014/06/02 职场文书
学校门卫岗位职责范本
2014/06/30 职场文书
家长会感言
2015/08/01 职场文书
导游词之香港-太平山顶
2019/10/18 职场文书
如何利用 CSS Overview 面板重构优化你的网站
2021/10/24 HTML / CSS
box-shadow单边阴影的实现
2023/05/21 HTML / CSS