JQuery prop()用法及代码示例

prop()是jQuery中的内置方法，用于设置或返回所选元素的属性和值。当此方法用于返回属性值时，它返回FIRST匹配元素的值，而当此方法用于设置属性值时，它将为所选元素设置一个或多个属性。
用法:

$(selector).prop(para1, para2)

参数：它接受下面指定的两个参数：

para1:它指定属性。
para2:如果设置，则指定属性的值。

返回值：它返回所选元素的属性和为该属性设置的值。

jQuery代码显示prop()方法的用法方式：

<html> 
   <head> 
      <script
      src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
      </script> 
      <!-- jQuery code to show thre working of this method -->
      <script> 
         $(document).ready(function(){ 
             $("button").click(function(){ 
             var $x = $("p"); 
             $x.prop("color", "green"); 
             $x.append(" Property is color and its value: " + $x.prop("color")); 
                   
             }); 
         }); 
      </script> 
      <style> 
         div{ 
         width: 250px; 
         padding: 10px; 
         height: 100px; 
         border: 2px solid green; 
         } 
      </style> 
   </head> 
   <body> 
      <div> 
         <p></p> 
         <br><br> 
         <!-- click on button this method -->
         <button>Click Here!</button> 
      </div> 
   </body> 
</html>

输出：
在单击“Click Here”按钮之前，

单击“Click Here”按钮后，

相关用法

注：本文由纯净天空筛选整理自kundankumarjha大神的英文原创作品 jQuery | prop() with Examples。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。