jQuery removeProp() 方法

  • 定义和用法

    removeProp() 方法移除由 prop() 方法设置的属性。
    注意:不要使用该方法来移除诸如 style、id 或 checked 之类的 HTML 属性。请使用 removeAttr() 方法代替。
  • 语法

    $(selector).removeProp(property)
  • 参数描述

    参数 描述
    property 规定要移除的属性的名称。
  • 实例

    下例演示了添加并移除名为 "data" 的属性:
    <!DOCTYPE html>
        <html lang="en">
        <head>
        <meta charset="UTF-8">
        <title>欢迎来到蝴蝶教程</title>
        //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
        <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $(document).ready(function () {
                $("button").click(function(){
                    var $x = $("div");
                    $x.prop("data","222");
                    $x.append("data 属性值为: " + $x.prop("data"));
                    $x.removeProp("data");
                    $x.append("<br/>现在 data 属性值为: " + $x.prop("data"));
                });
            });
        </script>
        </head>
        <body>
             <button>添加和删除属性</button>
        </body>
        </html>
    
    尝试一下