attr和prop的區別

1、對於HTML元素本身就帶有的固有屬性，在處理時，使用prop方法

2、對於HTML元素我們自己自定義的DOM屬性，在處理時，使用attr方法。

3、checkbox，radio和select中對應checked和selected屬於固有屬性， 因此需要用prop方法，用attr會出現undefined

4、action="delete"，delete是自己定義的屬性，用attr方法

 1  let vote = [];
 2     /*
 3         attr和prop的區別
 4         1、對於HTML元素本身就帶有的固有屬性，在處理時，使用prop方法
 
 5         2、對於HTML元素我們自己自定義的DOM屬性，在處理時，使用attr方法。
 6         3、checkbox，radio和select中對應checked和selected屬於固有屬性，因此需要用prop方法，用attr會出現undefined
 7         4、action="delete"，delete是自己定義的屬性，用attr方法
 8      */
 9     $('input:checkbox[name=hobby]').each(function () {
10         // console.log($(this).attr('checked',true));
 

11         //設定true為全部選中
12         if ($(this).prop('checked')) {
13             vote.push($(this).val())
14         }
15     });
16     //join(),不加引數預設","，加了引數以引數作為分隔符，toString也可以
17     return vote.join();