《jquery attr方法.docx》由会员分享，可在线阅读，更多相关《jquery attr方法.docx（3页珍藏版）》请在三一办公上搜索。
1、jquery attr方法jquery attr方法 在JS中设置节点的属性与属性值用到setAttribute,获得节点的属性与属性值用到getAttribute,而在jquery中，用一个attr就可以全部搞定了,赞一个先 jquery中用attr方法来获取和设置元素属性,attr是attribute的缩写，在jQuery DOM操作中会经常用到attr，attr有4个表达式。 1. attr(属性名) /获取属性的值 2. attr(属性名, 属性值) /设置属性的值 3. attr(属性名,函数值) /设置属性的函数值 4.attr(properties) /给指定元素设置多个属性值，
2、即：属性名一: “属性值一” , 属性名二: “属性值二” , 。(这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意，如果你要设置对象的class属性，你必须使用className 作为属性名。或者你可以直接使用class或者id。) html代码结构: 你最喜欢的水果是？ 苹果 橘子 菠萝 1.attr(name)/获取属性的值 1.1 使用attr(name)获取title值： alert($(ul li:eq(1).attr(title); 结果：橘子汁 1.2 使用attr(name)获取value值： alert($(ul li:eq(1).attr(value); 结果：
3、123 2. attr(name,value) /设置属性的值 2.1 使用attr(name,value)修改title值为：不吃橘子 $(ul li:eq(1).attr(title,不吃橘子); alert($(ul li:eq(1).attr(title); 结果：不吃橘子 3. attr(name,fn) /设置属性的函数值 3.1 把value属性的值设置设给title属性。 $(ul li:eq(1).attr(title,function return this.value); alert($(ul li:eq(1).attr(title); 结果：123 4.attr(pro
4、perties) /将一个“名/值”形式的对象设置为所有匹配元素的属性 4.1 获取里第2个设置title和value属性。 $(ul li:eq(1).attr(title:不喝橘子汁,value:不是123); alert($(ul li:eq(1).attr(title); alert($(ul li:eq(1).attr(value); 结果：不喝橘子汁 不是123 4.2 获取里第2个设置class。 $(ul li:eq(1).attr(className:lili); 结果：第二个li的html：橘子 4.3 获取里第2个设置id。 $(ul li:eq(1).attr(id:lili); 结果：第二个li的html：橘子 4.4 获取里第2个设置style。 $(ul li:eq(1).attr(style:color:red); 那么怎么删除属性呢? $(ul li:eq(1).removeAttr (title); 就这么简单， attr 其实就是原生js中 getAttribute 的简化实现, 而removeAttr 就是 removeAttribute 的简写了。
