JQuery干货的处理元素注意，这里用的是我前两篇的例子。详情请看我的博客。attrattr()方法设置或返回被选元素的属性值。语法：$(selector).attr(attribute)返回被选元素的属性值。$(selector).attr(attribute,value)设置被选元素的属性和值$(selector).attr(attribute,function(index,oldvalue))设置被选元素的属性和值。参数说明attribute指定属性的名称。function(index,oldvalue)指定返回的属性值的数量。此函数接受并使用选择器的索引值和当前属性值。示例：$("img").filter(":first").attr('src');//获取属性$("img").each(function(index,elem){if(index%2==0)$(elem).attr("src",'lily.png');//设置propertyconsole.log($(elem).attr("src"));})$("img").attr('src',function(index,oldValue){//这里的oldValue代表原值attribute,index为索引if(oldValue=="rose.png")return'lily.png';elsereturn'astor.png';})attrs={//使用映射对象设置多个值atoncesrc:'lily.png',style:'border:thickdoublered'};$("img:eq(1)").attr(attrs);removeAttrremoveAttr()方法从所选元素中删除属性。语法：$(selector).removeAttr(attribute)其中attribute是属性实例的名称：$("img:first").removeAttr("src");//去除属性srcaddClassaddClass()方法为被选元素添加一个或多个类语法：$(selector).addClass(class)其中class为类名如果需要添加多个类，用空格隔开$(selector).addClass(function(index,oldclass))其中index为索引，oldClass为原类名，均为可选参数。该函数返回的是要添加的类名实例：$("img:even").addClass("redBar");//给evenimg加上cla??ssredBar$("img").addClass(function(index,currentClass){//这里的currentClass是原来的类名，可选if(index==1)return'blueBar';//第二个imgapplytheclassblueBarelsereturn'redBar';//这个是必须的注意在对同一个img应用一个class的时候，因为这个class的定义有优先权，上面的定义会被后面的定义覆盖，所以注意类定义的位置})$("img").filter(":odd").addClass("redBar").end().filter(":even").addClass("blueBar");//链调用$("img").addClass("blueBarredBar");//添加两个类hasClasshasClass()方法来检查被选元素是否包含指定的类语法：$(selector).hasClass(class)//返回值为false和true实例：console.log($("img:奇数").hasClass("redBar"));toggleClasstoggleClass()切换设置或删除所选元素的一个或多个类。此方法检查每个元素中指定的类。如果类不存在则添加该类，如果已设置则将其删除。这就是所谓的切换效果语法：$(selector).toggleClass(class,switch)类是必需的，用于指定指定元素添加或移除类。如果需要指定多个类，请使用空格分隔类名。switch是一个boolean可选参数，指定是否添加或删除class$(selector).toggleClass(function(index,class),switch)index表示索引，class表示选择器当前拥有的类实例：$(“img”）.toggleClass（“redBar”）;//在这里切换所有imgs的redBar类$("img").toggleClass("redBarblueBar");//在两个类之间来回切换$("").appendTo("#buttonDiv").click(function(e){$("img").toggleClass('redBarblueBar');//两个类之间的Toggle，有则删除，没有则添加e.preventDefault();})//下面添加一个按钮，完成同时添加多张图片的效果$("").appendTo("#buttonDiv").click(function(e){$("img").toggleClass(function(index,currentClass){if(index%2==0)return'blueBar';//动态切换，这里如果是偶数就切换到蓝色elsereturn'redBarblueBar';//这里是奇数张图片在两种颜色之间来回切换});e.preventDefault();})csscss()方法返回或设置一个或匹配的元素多个样式属性，这里只说css，还有其他设置css样式，请参考w3School语法：$(selector).css(name)返回第一个匹配元素的CSS属性值。name是css属性的名称$(selector).css(name,value)为所有匹配的元素设置指定的CSS属性。name表示属性名，value表示属性的值$(selector).css(name,function(index,value))该函数返回要设置的属性值。接受两个参数，index为元素在对象集合中的索引位置，value为原始属性值。name表示要设置的属性名称，返回值为要设置的属性值实例：$("label").css('font-size','30px');//设置字体大小$("label").css('字体大小','+=10');//使用相对值设置属性值，在原来的基础上加10console.log($("h1").css('font-family'));//获取h1标签的字体varcssValues={'border':'thickdoublered','font-size':'1.5em'};$("label").css(cssValues);//同时设置多个属性texttext()方法设置或返回被选元素的文本内容。当使用该方法返回值时，返回所有匹配元素的组合文本内容（去掉HTML标签）语法：$(selector).text()当使用该方法返回值时，返回组合后的内容所有匹配元素的文本内容（HTML标签被移除）。$(selector).text(content)当这个方法用于设置一个值时，它会覆盖被选元素的所有内容。$(selector).text(function(index,oldcontent))index表示索引，oldcontent表示选择器当前的文本内容。htmlhtml()方法返回或设置所选元素的内容（内部HTML）。如果该方法不带参数，则返回所选元素的当前内容。语法：$(selector).html()使用该方法返回值时，返回第一个匹配元素的内容。$(selector).html(content)当使用这个方法设置一个值时，它会覆盖所有匹配元素的内容。$(selector).html(function(index,oldcontent))使用一个函数来设置所有匹配元素的内容。索引-可选。接收选择器的索引位置，oldcontent-可选。接收选择器的当前内容。valval()方法返回或设置被选元素的值。元素的值是通过value属性设置的。此方法主要用于输入元素。如果该方法没有设置参数，则返回被选元素的当前值textfield$(selector).val(function(index,oldvalue))设置textfield的值，这里函数的返回值会用来设置textfield的值，index表示元素索引，而oldvalue代表选择器DomainValues当前文本我的博文
