jquery中prop()方法和attr()方法的区别

 

其是prop()方法和attr()方法都是用来获取或设置标签元素属性的，但自从jquery1.6以上引入了 prop方法后，什么时候该用prop()？什么时候用attr()？它们两个之间有什么区别？没搞清楚前还真有点困惑。

 

一、attr方法：

获取用法：.attr('属性名')；

// 实例：
var getchecked = $('input[type=checkbox]').attr('checked' );

设置用法：.attr('属性名'，'要设置的值')；

// 实例：
$('input[type=checkbox]').attr('name' , '123');

 

二、prop方法：

获取用法：.prop('属性名')；

// 实例：
var getchecked = $('input[type=checkbox]').prop('checked' );

设置用法：.prop('属性名'，'要设置的值')；

// 实例：
$('input[type=checkbox]').prop('name' , '123');

 

怎么样？感觉.attr()，和 .prop()都差不多吧？请看下面：

以下是官方建议attr()方法，prop()方法的使用支持情况：

Attribute属性名	.attr()方法	.prop()方法
accesskey	√
align	√
async	√	√
autofocus	√	√
checked	√	√
class	√
contenteditable	√
draggable	√
href	√
id	√
label	√
location ( i.e. window.location )	√	√
multiple	√	√
readOnly	√	√
rel	√
selected	√	√
src	√
tabindex	√
title	√
type	√
width ( if needed over .width() )	√

 

是不是有点多不好记呢，那最简单的办法就是.attr()方法不行，就用.prop()方法。用不着刻意去记！