jquery的attr和prop區別之執行個體

標籤：htm   錯誤   dom   item   name   attr   width   相同   link   

• 對於HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。
• 對於HTML元素我們自己自訂的DOM屬性，在處理時，使用attr方法。

 

html檔案

<tr>                        <th></th>                        <td>                            <a class="easyui-linkbutton" style="width:60px;" onclick="selectAll()">全選</a>                            <a class="easyui-linkbutton" style="width:60px;" onclick="unSelectAll()">全不選</a>                        </td>                    </tr>

 

 

JS檔案

//給相同名稱的CheckBox賦屬性值

function selectAll(){    $(‘input[name="groupItem"]‘).val(function(index,val){                $(this).prop(‘checked‘,true);
　　　　　　　　　 //$(this).attr(‘checked‘,true);//錯誤        return val;    })}function unSelectAll(){    $(‘input[name="groupItem"]‘).val(function(index,val){                $(this).prop(‘checked‘,false);
                //$(this).attr(‘checked‘,false);錯誤        return val;    })}

 

jquery的attr和prop區別之執行個體