使用jquery对radio设置选中的问题-----> attr ,prop 的使用注意事项

一、举个例子:
$(“input[name=‘inputVacsType’][value=‘12345’]”).get(0).attr(“checked”, true);
沒有反應,該 radio并沒有如預想選中。
改為:

$(“input[name=‘inputVacsType’][value=‘12345’]”).prop(“checked”, true);

二、attr()和prop()的区别

  1. attr()函数针对的是该文档节点的attribut,是HTML标签上的特性。
  2. prop()函数针对的是DOM元素自身的property,是DOM中的属性。

例如:百度
这个例子里元素的DOM属性有“href、target和class",这些属性就是元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法。
而后面一个“action”属性是我们自己自定义上去的,元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时,建议使用attr方法。使用prop方法取值和设置属性值时,都会返回undefined值。

  1. attr()设置的属性值只能是字符串类型。
  2. prop()设置的属性值可以为包括数组和对象在内的任意类型。
  3. attr()函数主要依赖的是Element对象的getAttribute() 和setAttribute() 两个方法。
  4. prop()函数主要依赖的则是JS中原生的对象属性获取和设置方式。
    7. 尽量使用prop()函数来设置或获取checked、selected、disabled等属性
  5. 用attribute不能从property 设置的值中获得同步(即获得最新的值),而property能从attribute中获得同步。

你可能感兴趣的:(基础知识,jquery,前端,javascript)