jquery 有关属性的方法

jquery 有关属性的方法

• jquery 为我们提供了一些便捷的方法，去获取dom节点的属性方法，包括对这些属性的操作

attr()

• 我们可以通过key，或者key-value的方式获取或设置属性值

$("img").attr("src");     //获取固定属性的值
$("img").attr({ src: "test.jpg", alt: "Test Image" });  //以对象的方式，同时设置多个属性值
$("img").attr("src","test.jpg");     //设置单个属性值

removeAttr(name)

• 从每一个匹配的元素中删除一个属性

$("img").removeAttr("src");

prop(),removeProp()

• 其实在使用过程中，这两个属性方法和attr()使用起来一样
• 非要究根结底他们的区别，对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
• 在实际开发中，有attr() 基本就够我们使用了

addClass(),removeClass()

-为每个匹配的元素 添加,删除 指定的类名。

toggleClass(class,switch)

• 在开发中，若是能利用好switch这个参数，可以减少很多不必要的代码
• switch 为true时，为添加。false，为删除
• 我们可以通过一些表达式，或者变量的改变去给switch赋上相应的布尔值，去保证控制toggleclass的添加，删除。这样我们就可以少写许多情况下，各种addClass，removeClass()。或者是简单的show(),hide().

html(),text(),val()

-html() 获取当前元素的html内容，text() 获取当前元素的文本内容，val() 获取匹配元素的当前值，一般常用在文本框，textarea中，即表单元素的value值
- 也可以在以上方法中传入参数，即为要设置的值