jQuery: 整理1---DOM操作

1. 获取属性

$("input").attr("属性名");

$("input").prop("属性名");

如果是固有属性，两个都可以用 

对于返回值是boolane的属性:  checked  selected  disabled：

   1.如果属性设置了值：attr 返回设置的值；prop返回true

   2. 如果属性没有设置值：attr 返回undefined；prop返回false

对于自定义的属性:  

      attr可以获取到设置的值；

      prop返回undefined

 

 

2. 设置属性

首先需要保证可以利用该方法获取到该属性：
        比如：对于返回值为boolean类型的属性，如果该属性没有设置值，则attr方法返回undefined, 所以我们在这边就不用attr给boolean类型的属性设置值

        比如：对于自定义属性：attr可以获取到设置的值，而prop返回undefined, 所以对于自定义属性我们使用attr设置值

$("input").attr("属性名","属性值");

$("input").attr("name","aaa")  // 将name属性的内容设置为aaa

$("input").prop("name","bbb")  将name属性的内容设置成bbb

// 设置返回值为boolean类型的属性
     $("#btn").attr("disabled","disabled")
     $("#btn").prop("disabled",true)

 

3. 移除属性

$("#btn").removeAttr("checked");
$("#btn").removeProp("checked");

4.总结

对于返回值是boolean类型的我们使用prop()方法，其余都用attr()方法