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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。