jQuery的prop方法

prop方法其实与attr差不多，但是，一般来说具有true和false两个属性的属性节点，使用prop(),其他的用attr就可以了。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <style type="text/css">
 7 
 8         </style>
 9         <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
10         <script type="text/javascript">
11             $(function(){
12                 console.log($("input").prop("checked"));
13             });
14         </script>
15     </head>
16     <body>
17         <span class="span1" name="2333"></span>
18         <span class="span2" name="666"></span>
19         <input type="checkbox"/>
20     </body>
21 </html>

 

 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <style type="text/css">
 7 
 8         </style>
 9         <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
10         <script type="text/javascript">
11             $(function(){
12                 console.log($("input").prop("checked"));
13             });
14         </script>
15     </head>
16     <body>
17         <span class="span1" name="2333"></span>
18         <span class="span2" name="666"></span>
19         <input type="checkbox" checked/>
20     </body>
21 </html>

 

 这里prop就很方便。(注意以上两份代码的区别就是input那里，后面一份代码设置成了checked)

posted @ 2021-02-15 21:03  EvanTheBoy  阅读(278)  评论(0)    收藏  举报