jQuery获取属性，设置属性，删除属性-IGI

时间：2020-02-23 14:46:08 　来源:igfitidea点击:

今天，我们将研究以下示例– jQuery get属性，jQuery set属性和jQuery remove属性。

jQuery获取属性

我们可以使用jQuery操纵的最基本的组件是通过HTML DOM元素的属性和属性。

一切都是HTML文档对象模型中的一个节点。
这些属性可通过其节点属性使用。

最常见的属性包括类名称，标签名称，id，href，标题，相关性，搜索等。

jQuery为我们提供了处理HTML元素属性的方法。
在访问这些属性后，我们可以稍后修改属性。

jQuery Get属性示例

jQuery.attr()方法用于从第一个匹配的元素获取值。

在此示例中，使用jQuery中的.attr()方法获取<em>的" title"属性。

<html>
<head>
<title>jQuery get attribute example</title>
 <script type="text/javascript" 
 src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 
 <script type="text/javascript" language="javascript">
 $(document).ready(function() {
    var title = $("em").attr("title");
	  alert(title);
    $("#divid").text(title);
 });

 </script>
</head>
<body>
 <div>
    <em title=" my title attribute">jQuery get attributes
    getting my title attribute- success.
    <div id="divid"></div>
 </div>
</body>
</html>

下图显示了以上HTML文件产生的输出。

jQuery设置属性

为了设置属性，我们在" attr()"方法中传递了两个参数，即名称和值。
这将使用方法传递的值来设置所有具有指定属性的元素。

jQuery设置属性的语法：attr(name，value)–名称可以是任何html属性。

在下面的示例中，使用" attr(name，value)"方法设置" alt"的值。

<html>
<head>
<title>jQuery set attribute example</title>
 <script type="text/javascript" 
 src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 <script type="text/javascript" language="javascript">

 $(document).ready(function() {
    $("#myimg").attr("alt", "Setting New Image");
 });

 </script>
</head>
<body>
 <div>
    <img id="myimg" src="no-image.png" alt="old Image" 
 </div>
</body>
</html>

只需在任何浏览器中打开上面HTML页面并使用开发人员功能来检查元素，下面的图片适用于Chrome浏览器。

注意，alt属性值是使用我们的jQuery set属性代码更新的。

属性是html元素的基本组成部分，有助于在jQuery中进行操作。
一旦可以访问属性，就可以按所需方式更改属性。
jQuery中提供了许多方法来修改这些属性。

jQuery属性方法

操纵DOM元素属性的其他一些有用的jQuery方法是：

attr(properties)：我们已经看到了它的用法，但是我们也可以使用此方法设置多个键值属性。
语法：selector.attr({FirstProperty：第一个值，第二个属性：第二个值})
removeAttr(name)：该方法用于从匹配的元素中删除属性。
语法：selector.removeAttr(name)，其中name是元素属性的名称。
其中使用此方法删除了表格的属性边框。
hasClass(class)：此方法用于查找任何匹配元素上存在的指定类。
它将返回一个布尔值。
语法：selector.hasClass(class)$(" p#pID")。
hasClass(" myClass");"–这里的myClass是CSS类名。
removeClass(class)：此方法用于删除所有指定的类。
语法：selector.removeClass(class)
$(" p#pID").removeClass(" myClass");–这里的myClass是CSS类名
html()：此方法用于从匹配HTML元素集中查找和获取第一个HTML元素。
语法：selector.html()，例如$(" div").html();
text()：此方法用于获取匹配元素的组合文本内容。
此方法不能用于输入或者表单元素。
语法：selector.text()
在此示例中，文本方法用于获取元素的标题。

这些是jQuery中常用的属性方法。

jQuery获取属性，设置属性，删除属性