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的跟随屏幕滚动代码
Jul 24 Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
Aug 01 Javascript
浅谈JavaScript数据类型
Mar 03 Javascript
Jquery解析json字符串及json数组的方法
May 29 Javascript
使用JavaScript的AngularJS库编写hello world的方法
Jun 23 Javascript
BootStrap树状图显示功能
Nov 24 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
Mar 03 Javascript
JavaScript实现网页头部进度条刷新
Apr 16 Javascript
详解在AngularJS的controller外部直接获取$scope
Jun 02 Javascript
微信小程序实现发送验证码按钮效果
Dec 20 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 18 Javascript
Vue3 响应式侦听与计算的实现
Nov 11 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+php分页类(已测)
2008/03/31 PHP
PHP添加Xdebug扩展的方法
2014/02/12 PHP
php创建类并调用的实例方法
2019/09/25 PHP
php更新cookie内容的详细方法
2019/09/30 PHP
javascript编程起步(第五课)
2007/01/10 Javascript
JavaScript浏览器选项卡效果
2010/08/25 Javascript
JS关键字球状旋转效果的实例代码
2013/11/29 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
jQuery中data()方法用法实例
2014/12/27 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
基于Vue2.0的分页组件
2017/03/16 Javascript
jQuery位置选择器用法实例分析
2019/06/28 jQuery
Vue可自定义tab组件用法实例
2019/10/24 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
vue中watch的用法汇总
2020/12/28 Vue.js
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
Python中的字符串替换操作示例
2016/06/27 Python
python中hashlib模块用法示例
2017/10/30 Python
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
python thrift搭建服务端和客户端测试程序
2018/01/17 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
matplotlib常见函数之plt.rcParams、matshow的使用(坐标轴设置)
2021/01/05 Python
详解HTML5中download属性的应用
2015/08/06 HTML / CSS
Swisse官方海外旗舰店:澳大利亚销量领先,自然健康品牌
2017/12/15 全球购物
澳大利亚宠物食品和药物在线:Jumbo Pets
2018/03/24 全球购物
北美最大的零售退货翻新商:VIP Outlet
2019/11/21 全球购物
绿色环保家庭事迹材料
2014/08/31 职场文书
奉献家乡演讲稿
2014/09/16 职场文书
简单的辞职信怎么写
2015/02/28 职场文书
房地产销售员岗位职责
2015/04/11 职场文书
2015年挂职锻炼个人总结
2015/10/22 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
MySQL空间数据存储及函数
2021/09/25 MySQL
Spring Data JPA框架持久化存储数据到数据库
2022/04/28 Java/Android