JQuery干货篇之处置惩罚元素
注重这里用的照样我前两篇用的例子，概况请看我的博客
attr
attr()要领设置或返回被选元素的属性值。语法：
$(selector).attr(attribute)返回被选元素的属性值。
$(selector).attr(attribute,value)设置被选元素的属性和值
$(selector).attr(attribute,function(index,oldvalue))设置被选元素的属性和值。
参数 形貌 attribute划定属性的称号。 function(index,oldvalue)划定返回属性值的数。该函数可吸收并运用选择器的 index 值和当前属性值。 实例：
$("img").filter(":first").attr('src'); //获得属性
$("img").each(function (index,elem) {
if(index%2==0)
$(elem).attr("src",'lily.png'); //设置属性
console.log($(elem).attr("src"));
})
$("img").attr('src',function (index,oldValue) { //这里的oldValue示意本来属性的值，index是索引
if(oldValue=="rose.png")
return 'lily.png';
else
return 'astor.png';
})
attrs={ //运用映照对象一次设置多个值
src:'lily.png',
style: 'border: thick double red'
};
$("img:eq(1)").attr(attrs);removeAttr
removeAttr()要领从被选元素中移除属性。语法：
$(selector).removeAttr(attribute)这里的attribute是属性的名字实例：
$("img:first").removeAttr("src"); //删除属性srcaddClass
addClass()要领向被选元素增加一个或多个类语法：
$(selector).addClass(class)这里的class是类名假如须要增加多个类，中心用空格离隔
$(selector).addClass(function(index,oldclass))这里的index是索引，oldClass是本来就有的类名，都是可选参数。这个函数的返回的就是要增加的类名实例：
$("img:even").addClass("redBar"); //向偶数的img增加类redBar
$("img").addClass(function (index,currentClass) { //这里的currentClass就是本来有的类名，可选
if(index==1)
return 'blueBar'; //第二个img运用blueBar这个类
else
return 'redBar'; //这里须要注重的是，对同一个img运用类的时刻，由于这个类的定义有优先级，上面定义会被背面定义的掩盖，所以要注重类定义的位置
})
$("img").filter(":odd").addClass("redBar").end().filter(":even").addClass("blueBar"); //链式挪用
$("img").addClass("blueBar redBar"); //增加两个类
hasClass
hasClass()要领搜检被选元素是不是包括指定的class语法：
$(selector).hasClass(class)//返回值是false和true实例：
console.log($("img:odd").hasClass("redBar"));
toggleClass
toggleClass() 对设置或移除被选元素的一个或多个类举行切换。该要领搜检每一个元素中指定的类。假如不存在则增加类，假如已设置则删除之。这就是所谓的切换结果
语法：
$(selector).toggleClass(class,switch)class必须的，用来划定增加或移除class的指定元素，如需划定多少class，请运用空格来分开类名。switch是boolean可选参数，划定是不是增加或移除class
$(selector).toggleClass(function(index,class),switch)index示意索引，class示意选择器当前具有的类实例：
$("img").toggleClass("redBar"); //这里对一切的img在redBar这个类之间切换
$("img").toggleClass("redBar blueBar"); //在两个类之间往返的切换
$("<button>ToggleClass</button>").appendTo("#buttonDiv").click(function (e) {
$("img").toggleClass('redBar blueBar'); //在两种class之间切换，假如有就删除，没有的就增加
e.preventDefault();
})
//下面增加一个按钮，完成同时增加多个图片的结果
$("<button>ToggleClass</button>").appendTo("#buttonDiv").click(function (e) {
$("img").toggleClass(function (index,currentClass) {
if(index%2==0)
return 'blueBar'; //动态的切换，这里是偶数就切换blue
else
return 'redBar blueBar'; //这里是奇数的图片在两种色彩往返的切换
});
e.preventDefault();
})css
css()要领返回或设置婚配的元素的一个或多个款式属性，这里只说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('font-size','+=10'); //运用相对值设置属性值，在原有的基础上加上10
console.log($("h1").css('font-family')); //猎取h1标签的字体
var cssValues={
'border':'thick double red',
'font-size':'1.5em'
};
$("label").css(cssValues); //同时设置多个属性
text
text()要领要领设置或返回被选元素的文本内容。当该要领用于返回一个值时，它会返回一切婚配元素的组合的文本内容(会删除HTML标记)语法：
$(selector).text()当该要领用于返回一个值时，它会返回一切婚配元素的组合的文本内容（会删除HTML标记）。
$(selector).text(content)当该要领用于设置值时，它会掩盖被选元素的一切内容。
$(selector).text(function(index,oldcontent))index示意索引,oldcontent示意选择器当前的文本内容
html
html()要领返回或设置被选元素的内容(inner HTML)。假如该要领未设置参数，则返回被选元素的当前内容。语法：
$(selector).html()当运用该要领返回一个值时，它会返回第一个婚配元素的内容。
$(selector).html(content)当运用该要领设置一个值时，它会掩盖一切婚配元素的内容。
$(selector).html(function(index,oldcontent))运用函数来设置一切婚配元素的内容。index– 可选。吸收选择器的index位置,oldcontent– 可选。吸收选择器的当前内容
val
val()要领返回或设置被选元素的值,元素的值是经由过程value属性设置的。该要领大多用于input元素,假如该要领未设置参数，则返回被选元素的当前值语法：
$(selector).val(value)设置文本域的值为value
$(selector).val()获得文本域的值
$(selector).val(function(index,oldvalue))设置文本域的值，这里函数的返回值将会用来设置文本域的值，index示意元素索引，oldvalue示意选择器当前文本域的值
