jQuery | prop（）及其示例-yiteyi-C++库

这个 道具（） 是jQuery中的内置方法，用于设置或返回选定元素的属性和值。使用此方法返回属性值时，将返回第一个匹配元素的值；使用此方法设置属性值时，将为选定元素设置一个或多个属性。 语法：

null

$(selector).prop(para1, para2)

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

第1段： 它指定属性。

para2： 它指定属性的值（如果为set）。

返回值： 它返回选定元素的属性和属性值集。

显示prop（）方法工作的jQuery代码：

                       <                                  html                                  >                     
                                             <                                  head                                  >                     
                                             <                                  script                     
                                             src                                  =                                  "                         https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js                        "                                  >                     
                                             </                                  script                                  >                     
                                             <!-- jQuery code to show the 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                                  >                     

输出： 单击“单击此处”按钮之前- 图片[1]-jQuery | prop（）及其示例-yiteyi-C++库点击“点击这里”按钮后- 图片[2]-jQuery | prop（）及其示例-yiteyi-C++库

文章版权归作者所有，未经允许请勿转载。

THE END

Javascript