精华内容
下载资源
问答
  • 本文实例讲述了jQuery中removeProp()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以删除由prop()方法设置的属性。 语法: 代码如下:$(“selector”).removeProp(name) 参数列表: 参数 描述 name ...
  • removeProp() 方法移除由 prop() 方法设置的属性。注意:removeProp()会移除当前jQuery对象所匹配的每一个元素上指定名称的属性。window对象或DOM元素的一些内置属性是不允许删除的,如果试图删除这些属性,将会导致...
    JQuery的removeProp()removeAttr()移除属性的区别

    ------------removeProp()removeAttr()函数详解------------------------------


    ※ removeProp() 【少用删除,将属性值设置为false即可】
    removeProp() 方法移除由 prop() 方法设置的属性。

    注意:removeProp()会移除当前jQuery对象所匹配的每一个元素上指定名称的属性。

    语法
    jQuery 1.6 新增该函数。removeProp()函数的语法如下:
    jQueryObject.removeProp( propertyName )
    注意:removeProp()会移除当前jQuery对象所匹配的每一个元素上指定名称的属性。

    返回值

    removeProp()函数的返回值是jQuery类型,返回当前jQuery对象本身。

    window对象或DOM元素的一些内置属性是不允许删除的,如果试图删除这些属性,将会导致浏览器产生一个错误。jQuery首先会将该属性的值赋为undefined,并忽略掉浏览器生成的任何错误信息。


    一般情况下,你最好使用该函数(即removeProp())来删除一些自定义的属性,而不是内置属性。


    请不要使用本函数(即removeProp())来删除DOM元素的本地属性checked、selected和disabled。这将彻底删除对应的属性,并且,一旦删除之后,你无法再向该DOM元素重新添加对应的属性。请使用prop()函数将其设为false即可,例如:jQueryObject.prop("checked",false)。

    移除onclick事件:
    在IE6 ~ IE8中,removeAttr()函数无法移除行内的onclick事件属性,为了避免潜在的问题,请使用prop()函数,相关代码如下: jQueryObject. prop ("onclick", null );
    -----------------------------------------------------------------------------------------------------

    示例与说明:

    removeProp()使用例子:

    <div id="n1">
          <p id="n2" class="demo test" data-key="UUID" data_value="1235456465">CodePlayer</p>
    </div>
    JQuery代码如下:
    //在当前页面内追加换行标签和指定的HTML内容
    function w( html ){
        $(document.body).append("<br/>" + html);
    }
    var $n2 = $("#n2");
    $n2.prop("prop_a", "CodePlayer");
    $n2.prop( "prop_b", { name: "CodePlayer", age: 20 } );
    w( $n2.prop("prop_a") ); // CodePlayer
    w( $n2.prop("prop_b") ); // [object Object]
    
    // 删除n2 Element对象上的属性prop_a和prop_b
    $n2.removeProp("prop_a");
    $n2.removeProp("prop_b");
    w( $n2.prop("prop_a") ); // undefined
    w( $n2.prop("prop_b") ); // undefined
    
    // removeProp()只是删除元素(Element对象)自身的data-key属性
    // 由于其自身并没有data-key属性,因此不会删除任何属性
    // 也不会对上面id为n2的元素节点(HTML文档)的data-key属性造成影响
    $n2.removeProp("data-key");
    w( $n2.prop("data-key") ); // undefined
    // 通过attr()访问元素文档节点中的属性
    w( $n2.attr("data-key") ); // UUID

    ------------------------------------------------------------------------------------------------
    ※ removeAttr() 定义和用法
    removeAttr()函数用于移除在当前jQuery对象所匹配的每一个元素节点上指定的属性。
    该函数属于jQuery对象(实例)。如果你需要设置或获取元素节点上的某些属性值,你可以使用attr()函数。
    语法
    removeAttr()函数的语法如下:
    jQueryObject.removeAttr( attributeNames );
    注意:removeAttr()会移除当前jQuery对象所匹配的每一个元素上指定名称的属性。
    jQuery 1.7 新增支持:你可以传入以空格分隔的字符串,空格隔开的每个子字符串即是需要移除的属性名称。

    <div id="n1">
        <img id="n2" data-id="12" alt="站点名称" title="CodePlayer" src="/image/blank.gif" >
        <img id="n3" data-id="15" alt="站点logo" title="专注于编程开发技术分享" 
    				src="http://localhost/static/image/site-url.png" >
    </div>
    JQuery代码如下:
    var $imgs = $("img");
    // 移除所有img元素的data-id属性
    $imgs.removeAttr("data-id");
    
    var $n2 = $("#n2");
    var $n3 = $("#n3");
    document.writeln( $n2.attr("data-id") ); // undefined
    document.writeln( $n3.attr("data-id") ); // undefined
    
    // 从jQuery 1.7开始,可以同时移除alt和title属性
    // 在jQuery 1.6之前的某些版本中,属性名称包含空格会抛出错误"Uncaught InvalidCharacterError: 
    // The string contains invalid characters. "
    // 在jQuery 1.6.x中,属性名称包含空格,不会抛出错误,而是忽略掉本次移除操作
    $imgs.removeAttr("alt title");
    document.writeln( $n2.attr("alt") ); // undefined (站点名称){小括号内表示在jQuery 1.6.x中的
                                          //输出内容,下同} 
    document.writeln( $n2.attr("title") ); // undefined (CodePlayer)
    document.writeln( $n3.attr("alt") ); // undefined (站点logo)
    document.writeln( $n3.attr("title") ); // undefined (专注于编程开发技术分享)



    展开全文
  • 属性操作 在JQuery中提供了一系列方法用于操作对象的属性。 方法 描述 attr(name|pro|key|,val|fn) 获取或设置元素的属性 ...removeProp(name) 删除由prop()方法设置的属性集 当元素...

    属性操作

    在JQuery中提供了一系列方法用于操作对象的属性。

    方法描述
    attr(name|pro|key|,val|fn)获取或设置元素的属性
    removeAttr(name)删除元素的某一个属性
    prop(name|pro|key,val|fn)后去或设置元素的一个或多个属性
    removeProp(name)删除由prop()方法设置的属性集

    当元素属性(如checked、selected和disabled等)取值为true或false时,通过prop()方法对属性进行操作,而其他普通属性通过attr()方法操作。

    1. attr()方法:
    arrt()方法用于获取所匹配的元素的集合中第1个元素的属性,或设置所匹配元素的一个或多个属性,其语法格式如下:

    attr(name)
    attr(properties)
    attr(key,value)
    attr(key,function(index,oldAttr))
    
    • name:表示元素的属性名
    • properties:表示一个由key/value键值对构成的集合,用于设置元素中的1~n个属性
    • key:表示需要设置的属性名
    • value:表示需要设置的属性值
    • function:表示使用函数的返回值所谓属性值,index表示当前元素在集合中的索引位置,oldAttr表示当前元素在修改之前的属性值

    示例:

    $("img").attr("src");//返回<img>集合中第一个图像的src属性值
    $("#myImage").attr("src");//返回id为myImage图像的src属性值
    $("#myImage").attr("src","images/flower2.png");//设置myImage的src属性
    $("#myImage").attr({src:"images/flower2.png", title:"玫瑰花"});
    $("#myImage").attr("title",function(){
    	return this.src;
    });
    

    2. removeAttr()方法:
    removeAttr()方法用于删除匹配元素的指定属性

    removeAttr(name)//name:属性名
    

    3. prop()方法:
    prop()方法用于获取匹配元素的集合中第一个元素的属性,或设置所匹配元素的一个或多个属性。prop()方法多永固boolean类型的属性操作,例如checked、selected和disabled等。

    prop(name)
    prop(properties)
    prop(key, value)
    prop(key,function(index,oldAttr))
    
    • name:表示元素的属性名
    • properties:表示一个由key/value键值对构成的集合,用于设置元素中的1~n个属性
    • key:表示需要设置的属性名
    • value:表示需要设置的属性值
    • function:表示使用函数的返回值所谓属性值,index表示当前元素在集合中的索引位置,oldAttr表示当前元素在修改之前的属性值

    示例:

    $("input[type='checkbox']").prop("checked);//返回复选框状态
    $("input[type='checkbox']").prop("checked",true);//将所有复选框选中
    $("input[type='checkbox']").prop({disabled:true, checked:true});
    $("input[type='checkbox']").prop("checked",function(index,oldValue){
    		return !oldValue;
    	});
    

    4. removeProp()方法:
    removeProp()方法用于删除由prop()方法设置的属性集

    removeProp(name)//name表示需要被删除的属性名
    

    示例:

    $("input[type='checkebox']").removeProp("disabled");
    

    使用jQuery修改页面元素的属性

    <!doctype html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>jQuery基本操作-属性操作</title>
    		<script type="text/javascript" src="js/jquery-1.x.js">
    		</script>
    	</head>
    
    	<body>
    		<img id="flower1" src="images/flower1.png" height="200px" />
    		<img id="flower2" src="images/flower2.png" height="200px" />
    		<hr/>
    		<input type="button" value="交互鲜花" onClick="changeFlower()" />
    		<hr/>
    		<input type="checkbox" name="goodsType" value="玫瑰" checked />玫瑰
    		<input type="checkbox" name="goodsType" value="百合" />百合
    		<input type="checkbox" name="goodsType" value="康乃馨" checked/>康乃馨
    		<input type="checkbox" name="goodsType" value="马蹄莲" />马蹄莲<br/>
    		<hr/>
    		<input type="button" value="全选" onClick="changeSelect()" />
    		<input type="button" value="反选" onClick="reverseSelect()" />
    		<input type="button" value="全选并禁用" onClick="disabledSelect()" />
    		<input type="button" value="取消禁用" onClick="enabledSelect()" />
    		<script type="text/javascript">
    			function changeFlower() {
    				var flowerSrc = $("#flower1").attr("src");
    				$("#flower1").attr("src", function() {
    					return $("#flower2").attr("src")
    				});
    				$("#flower2").attr("src", flowerSrc);
    			}
    
    			function changeSelect() {
    				$("input[type='checkbox']").prop("checked", true);
    			}
    
    			function reverseSelect() {
    				$("input[type='checkbox']").prop("checked", function(index, oldValue) {
    					return !oldValue;
    				});
    			}
    
    			function disabledSelect() {
    				$("input[type='checkbox']").prop({
    					disabled: true,
    					checked: true
    				});
    			}
    
    			function enabledSelect() {
    				$("input[type='checkbox']").removeProp("disabled");
    			}
    		</script>
    	</body>
    
    </html>
    

    在这里插入图片描述

    展开全文
  • JQuery中removeProp与removeAttr的区别1、removeProp()函数详解语法:注意:返回值移除onclick事件:2、removeAttr() 函数详解语法:注意: 1、removeProp()函数详解 removeProp() :少用删除,将属性值设置为false...

    1、removeProp()函数详解

    removeProp() :少用删除,将属性值设置为false即可
    removeProp() 方法移除由 prop() 方法设置的属性。

    语法:

      jQuery 1.6 新增该函数。removeProp()函数的语法如下:

    jQueryObject.removeProp( propertyName )
    

    注意:

      removeProp()会移除当前jQuery对象所匹配的每一个元素上指定名称的属性。

    返回值

      removeProp()函数的返回值是jQuery类型,返回当前jQuery对象本身。

      window对象或DOM元素的一些内置属性是不允许删除的,如果试图删除这些属性,将会导致浏览器产生一个错误。jQuery首先会将该属性的值赋为undefined,并忽略掉浏览器生成的任何错误信息。

      一般情况下,你最好使用该函数(即removeProp())来删除一些自定义的属性,而不是内置属性。请不要使用本函数(即removeProp())来删除DOM元素的本地属性checked、selected和disabled。这将彻底删除对应的属性,并且,一旦删除之后,你无法再向该DOM元素重新添加对应的属性。请使用prop()函数将其设为false即可,例如:

    jQueryObject.prop("checked",false)

    移除onclick事件:

      在IE6 ~ IE8中,removeAttr()函数无法移除行内的onclick事件属性,为了避免潜在的问题,请使用prop()函数,相关代码如下:

    jQueryObject.prop("onclick",null);
    

    示例与说明:removeProp()使用例子:

    <div id="n1">
          <p id="n2" class="demo test" data-key="UUID" data_value="1235456465">CodePlayer</p>
    </div>
    

    JQuery代码如下:

    //在当前页面内追加换行标签和指定的HTML内容
    function w( html ){
        $(document.body).append("<br/>" + html);
    }
    var $n2 = $("#n2");
    $n2.prop("prop_a", "CodePlayer");
    $n2.prop( "prop_b", { name: "CodePlayer", age: 20 } );
    w( $n2.prop("prop_a") ); // CodePlayer
    w( $n2.prop("prop_b") ); // [object Object]
     
    // 删除n2 Element对象上的属性prop_a和prop_b
    $n2.removeProp("prop_a");
    $n2.removeProp("prop_b");
    w( $n2.prop("prop_a") ); // undefined
    w( $n2.prop("prop_b") ); // undefined
     
    // removeProp()只是删除元素(Element对象)自身的data-key属性
    // 由于其自身并没有data-key属性,因此不会删除任何属性
    // 也不会对上面id为n2的元素节点(HTML文档)的data-key属性造成影响
    $n2.removeProp("data-key");
    w( $n2.prop("data-key") ); // undefined
    // 通过attr()访问元素文档节点中的属性
    w( $n2.attr("data-key") ); // UUID
    

    2、removeAttr() 函数详解

      removeAttr()函数用于移除在当前jQuery对象所匹配的每一个元素节点上指定的属性。该函数属于jQuery对象(实例)。如果你需要设置或获取元素节点上的某些属性值,你可以使用attr()函数。

    语法:

    removeAttr()函数的语法如下:

    jQueryObject.removeAttr( attributeNames );
    

    注意:

      removeAttr()会移除当前jQuery对象所匹配的每一个元素上指定名称的属性。
    jQuery 1.7 新增支持:你可以传入以空格分隔的字符串,空格隔开的每个子字符串即是需要移除的属性名称。

    <div id="n1">
        <img id="n2" data-id="12" alt="站点名称" title="CodePlayer" src="/image/blank.gif" >
        <img id="n3" data-id="15" alt="站点logo" title="专注于编程开发技术分享"  src="http://localhost/static/image/site-url.png" >
    </div>
    

    JQuery代码如下:

    var $imgs = $("img");
    // 移除所有img元素的data-id属性
    $imgs.removeAttr("data-id");
     
    var $n2 = $("#n2");
    var $n3 = $("#n3");
    document.writeln( $n2.attr("data-id") ); // undefined
    document.writeln( $n3.attr("data-id") ); // undefined
     
    // 从jQuery 1.7开始,可以同时移除alt和title属性
    // 在jQuery 1.6之前的某些版本中,属性名称包含空格会抛出错误"Uncaught InvalidCharacterError: 
    // The string contains invalid characters. "
    // 在jQuery 1.6.x中,属性名称包含空格,不会抛出错误,而是忽略掉本次移除操作
    $imgs.removeAttr("alt title");
    document.writeln( $n2.attr("alt") ); // undefined (站点名称){小括号内表示在jQuery 1.6.x中的
                                          //输出内容,下同} 
    document.writeln( $n2.attr("title") ); // undefined (CodePlayer)
    document.writeln( $n3.attr("alt") ); // undefined (站点logo)
    document.writeln( $n3.attr("title") ); // undefined (专注于编程开发技术分享)
    
    展开全文
  • JQuery–prop和removeProp方法 1.相同点:attr和removeAttr用法相似; 2.不同点:attr只能操作DOM元素上attributes中的属性节点,而prop不仅可以操作属性节点还可以操作属性; 3.注意点:对于这种判断是否有...

    JQuery–prop和removeProp方法

    1.相同点:attr和removeAttr用法相似;
    2.不同点:attr只能操作DOM元素上attributes中的属性节点,而prop不仅可以操作属性节点还可以操作属性;
    3.注意点:对于这种判断是否有selected || actived || checked || disabled的这些属性节点是推荐使用prop,因为该方法返回值是true/false容易判断

    <script>
            // JQuery--prop和removeProp方法
            $(function(){
                /* JQuery--prop方法
                * 作用:操作DOM元素中的属性
                * 同attr方法一样获取和赋值都一样,但attr只能操作属性节点,而prop可以操作属性和属性节点
                */
                var $prop = document.getElementsByTagName("div");
                console.log($(".box1").prop("demo","candy"));
                console.log($("div").prop("class"));
                /* JQuery--removeprop方法
                * 作用:移除DOM元素属性上的值
                * 同removeAttr一样的特点
                */
    
            // 对于attr和prop用法区别  >>> 像具有true/false的属性节点,如selected,actived,checked,disabled的判断是否有该属性时推荐使用prop
                console.log($("input").attr("checked"));  // checked
                console.log($("input").prop("checked"));  // true
    
                console.log($("input").eq(1).attr("checked"));  // undefined
                console.log($("input").eq(1).prop("checked"));  // false
            })
        </script>
        <body>
            <div class="box1" name="zs"></div>
            <div class="box2" name="ls"></div>
            <input type="checkbox" checked>
            <input type="checkbox" >
        </body>
    
    展开全文
  • removeAttr removeProp removeClass
  • 添加和删除属性(prop和removeProp)

    千次阅读 2017-04-10 20:16:32
    本人在看到prop()这个函数比较陌生,...添加和删除属性(prop和removeProp) $(document).ready(function(){ $("button").click(function(){ var a=$("div"); a.prop("font-weight","20px"); a.append("font-
  • $("span").eq(0).prop("demo","1");//设置属性 $("span").eq(1).prop("demo","2"); console.log($("...).removeProp("demo");//删除属性
  • jQuery源码分析之prop和removeProp方法

    千次阅读 2015-10-13 15:10:44
    DOM对象实例方法prop源码: prop: function( name, value ) { return access( this, jQuery.prop, name, value, arguments.length > 1 ); }如果传入一个参数,那么这时候value是undefined,第五个参数是false,...
  • 对于HTML元素本身就带有的固有属性,在处理时,使用prop(),removeProp()。 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr(),removeAttr()。 自动下载</label>
  • <body> <span class="span1" name="it666">span> <span class="span2" name="lnj">span> body> JQuery.js /* 1、prop方法 特点与attr方法一致 2、removeProp 特点与removeAttr方法一致 */ $("span").eq(0).prop(...
  • $para.removeProp("luggageCode"); $para.append("Now the secret luggage code is: ", String($para.prop("luggageCode")), ". ");  解释:设置一个段落数字属性,然后将其删除。 转载于:...
  • 深入学习jquery源码之prop()与removeProp() prop(name|properties|key,value|fn) 概述 获取在匹配的元素集中的第一个元素的属性值。 随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能...
  • removeprop

    2007-10-30 14:39:00
     函数原型:HANDLE RemoveProp(HWND hWnd,LPCTSTR lpString); 参数: hWnd:指向要改变属性项的窗口的句柄。 lpString:指向以null结尾的字符串指针,或者包含一个标识字符串的原子。如果该参数是一个原子,...
  • 08-jQuery属性节点的操作与属性的操作一、属性节点与属性的定义以及区别二、attr、removeAttr对属性节点的操作(1)、attr对属性节点的操作(2)、removeAttr对属性节点的操作三、prop、removeProp对属性节点以及属性的...
  • $("span").removeProp("demo"); */ /* 注意点: prop方法不仅能够操作属性节点, 他还能操作属性 官方推荐在操作属性节点时,具有 true 和 false 两个属性的属性节点, 如 checked, selected 或者 disabled ...
  • removeAttr与attr综合应用: 用户名称: 用户密码: 皑如山上雪 皎若云间月 闻君有两意 故来相决绝 结果截图: 二、prop(name|properties | key,value |fn) removeProp 2.1 prop(name|properties | key,value...
  • 结论:attr和prop都可以...removeAttr标签上的属性都可以移除,自定义对象属性不能移除,removeProp不可以移除标签自定义属性,可以移除自定义对象上的属性 attr和prop代码: <img src="img/1.jpg" data-icon =...
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>15-属性和属性节点</title> <script src="../js/jquery-1.12.4.js">... /*

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,767
精华内容 1,506
关键字:

removeProp