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 相关文章推荐
js 有框架页面跳转(target)三种情况下的应用
Apr 09 Javascript
详解JavaScript的变量和数据类型
Nov 27 Javascript
jQuery ajax分页插件实例代码
Jan 27 Javascript
高效利用Angular中内置服务$http、$location等
Mar 22 Javascript
js+css实现select的美化效果
Mar 24 Javascript
javascript 实现文本使用省略号替代(超出固定高度的情况)
Feb 21 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
Mar 23 Javascript
vue.js选中动态绑定的radio的指定项
Jun 02 Javascript
详解基于vue的移动web app页面缓存解决方案
Aug 03 Javascript
使用webpack3.0配置webpack-dev-server教程
May 29 Javascript
微信小程序登录态和检验注册过没的app.js写法
May 22 Javascript
详解Vue template 如何支持多个根结点
Feb 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
对盗链说再见...
2006/10/09 PHP
Godaddy空间Zend Optimizer升级方法
2010/05/10 PHP
php制作动态随机验证码
2015/02/12 PHP
从刷票了解获得客户端IP的方法
2015/09/21 PHP
js parentElement和offsetParent之间的区别
2010/03/23 Javascript
Javascript中Eval函数的使用
2010/03/23 Javascript
JQuery1.4+ Ajax IE8 内存泄漏问题
2010/10/15 Javascript
jQuery 版元素拖拽原型代码
2011/04/25 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
2016/12/27 Javascript
jQuery+ajax的资源回收处理机制分析
2017/01/07 Javascript
jQuery实现鼠标滑过预览图片大图效果的方法
2017/04/26 jQuery
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
2017/07/23 Javascript
Vue中父子组件通讯之todolist组件功能开发
2018/05/21 Javascript
对vue中methods互相调用的方法详解
2018/08/30 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
python从ftp下载数据保存实例
2013/11/20 Python
python之Socket网络编程详解
2016/09/29 Python
浅谈python numpy中nonzero()的用法
2018/04/02 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
使用TensorFlow实现SVM
2018/09/06 Python
CSS实现半透明边框与多重边框的场景分析
2019/11/13 HTML / CSS
Html5实现单张、多张图片上传功能
2019/04/28 HTML / CSS
匡威帆布鞋美国官网:Converse美国
2016/08/22 全球购物
美国克罗格超市在线购物:Kroger
2019/06/21 全球购物
日本最大的购物网站:日本乐天市场(Rakuten Ichiba)
2020/11/04 全球购物
Java里面如何把一个Array数组转换成Collection, List
2013/07/26 面试题
市场营销专业个人自荐信格式
2013/09/21 职场文书
房地产还款计划书
2014/01/10 职场文书
平民服装店创业计划书
2014/01/17 职场文书
户外用品商店创业计划书
2014/01/29 职场文书
合作意向书模板
2014/03/31 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
python numpy中setdiff1d的用法说明
2021/04/22 Python
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL
前端框架ECharts dataset对数据可视化的高级管理
2022/12/24 Javascript