jQuery中prop()和attr()方法的区别

在本文中，我们将了解 JQuery 中 prop() 和 attr() 的区别。 jQuery 是最快和轻量级的 JavaScript 库，用于简化 HTML/CSS 文档，或者更准确地说是文档对象模型 (DOM) 和 JavaScript 之间的交互。 JQuery 因其“少写，多做”的座右铭而广为人知。它只是意味着您只需编写几行代码即可实现目标。

jQuery .prop() 方法：此方法用于获取匹配元素集中第一个元素的属性值。

句法：

$(selector).prop(property)

例子：

HTML

 

    
    
 
    
        $(document).ready(function () {
            $("button").click(function () {
                var $val = $("div");
                $val.prop("font-size", "5px");
                $val.append("Property value = "
                    + $val.prop("font-size"));
            });
        });
    
 
    
        body {
            text-align: center;
        }
 
        button {
            background-color: #4CAF50;
            /* Green */
            border: none;
            color: white;
            padding: 15px 32px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
        }
    

 

    
        GeeksForGeeks
    
     
    Property
    
    

 

输出：

jQuery .attr() 方法：此方法用于从匹配集中的第一个元素中获取属性值或将属性值设置到所有匹配元素上。

例子：

HTML

 

    The jQuery Example
 
    
    
     
    
        $(document).ready(function () {
            var title = $("h1").attr("title");
            $("#divid").text(title);
        });
    
 
    
        body {
            text-align: center;
        }
    

 

    
        
            GeeksForGeeks
        
        GeeksForGeeks
 
 
 
 
        
    

 

输出：

说明：在上面的示例中，您可以注意到“极客的计算机科学门户”是 GeeksForGeeks 的值。

.prop() 和 attr() 方法之间的区别是：

prop() Method	attr() Method
This method returns the current value.	This method returns the default value.
This method is mainly used when the user wants to change the value for an HTML tag’s attribute.	This method is mainly used to set the default value for an HTML tag’s attribute.
It changes properties for that HTML tag as per the DOM tree.	It changes attributes for that HTML tag.
Its syntax is -: $(selector).prop(property)	Its syntax is -: $(selector).attr(attribute)
It takes three parameters Property , value and and a function	It takes three parameters an attribute, value, and a function