📌  相关文章
📜  jQuery | removeProp() 与示例(1)

📅  最后修改于: 2023-12-03 15:02:14.035000             🧑  作者: Mango

jQuery | removeProp() 与示例

简介

removeProp() 方法用于从被选元素中删除指定的属性。该方法接受参数key，即要删除的属性名。该方法不能删除通过 attr() 方法设置的属性。

语法
$(selector).removeProp(propertyName)
参数
  • propertyName ： 必填，表示要删除的属性名。
返回值

该方法没有返回值。

示例
<!DOCTYPE html>
<html>
<head>
  <title>removeProp() 方法示例</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
  $(function(){
    // 删除被选元素的属性title
    $("button").click(function(){
      $("a").removeProp("title");
    });
  });
  </script>
</head>
<body>
  <a href="#" title="示例链接">示例链接</a>
  <br>
  <button>删除链接的title属性</button>
</body>
</html>

上面的代码中，我们定义了一个按钮，当按钮被点击时，会调用 removeProp() 方法，删除链接的title属性。这里需要注意的是，如果title属性是通过 attr() 方法设置的，那么该方法是无效的，只能删除通过 prop() 方法设置的属性。

注意事项
  • 该方法只能删除通过 prop() 方法设置的属性。
  • 如果要删除通过 attr() 方法设置的属性，应该使用 removeAttr() 方法。