常用jquery 获取、改变元素属性值

标签的属性称作元素属性，在JS里对应的DOM对象的对应属性叫DOM属性。JS里的DOM属性名有时和原元素属性名不同。 

1. //返回元素指定属性值  
2. var txt1_val=$("#txt1").attr("value");  
3. //通过元素的DOM属性名更改DOM属性值  
4. $("#txt1").attr({value : "txt1_value" , className : "txt1_class" });  
5. //通过指定元素属性改变元素属性值  
6. $("#txt1").attr("class","txt1_class2");  
7. //给指定元素属性赋值，通过后面捆绑的方法返回值  
8. $("#txt1").attr("class",function(){  
9.    return"txt1_class3";  
10. })  
11. //移除指定的元素属性  
12. $("#txt1").removeAttr("class");  
13.   
14. //给CSS类即class元素属性添加一个属性值，可以添加多个之间用空格分开以下的对CSS类操作函数同样可以填入多个CSS类  
15. $("#txt1").addClass("txt1_classtxt1_class2");  
16. //判断是否已有该CSS类，返回真假  
17. $("#txt1").hasClass("txt1_classtxt1_class2");  
18. //移除指定CSS类，用空格分开，如无指定则删除该元素所有CSS类  
19. $("#txt1").removeClass("txt1_class");  
20. //判断是否有这个CSS类，有就删除，没有就添加  
21. $("#txt1").toggleClass("txt1_class");  
22. //根据后面的返回真则添加此CSS类，假则删除此CSS类  
23. $("#txt1").toggleClass("txt1_class",false);  
24.   
25. //返回指定CSS样式值  
26. $("#txt1").css("color");  
27. //一次赋多个样式  
28. $("#txt1").css({color:"#ff0011",background:"blue"});  
29. //一次赋一个指定的样式  
30. $("#txt1").css("color","black");  
31.   
32. //设置元素的高度，无值则返回该元素的高度单位像素  
33. $("#txt1").height(25);  
34. //设置元素的宽度，无值则返回该元素的宽度  
35. $("#txt1").width(150);  
36. //获取元素的内部高度，不包括边框  
37. $("#txt1").innerHeight();  
38. //获取元素内部宽度，不包括变宽  
39. $("#txt1").innerWidth();  
40. //获取元素外部高度，包括边框  
41. $("#txt1").outerHeight();  
42. //获取元素外部宽度，包括边框  
43. $("#txt1").outerWidth();  
44.   
45. //获取元素相对窗口的偏移位置，返回两个值，一个top值，一个left值  
46. var txt1_offset=$("#txt1").offset();  
47. var top=txt1_offset.top;  
48. var left=txt1_offset.left;  
49. //返回相对父元素的相对偏移位置，返回两个值一个top，一个left  
50. var txt1_position=$("#txt1").position();  
51. var top=txt1_position.top;  
52. var left=txt1_position.left;  
53.   
54. //针对的元素具有垂直滚动条，设置从总体内容向下的第20行像素开始，显示在滚动条可视窗口内上方顶端  
55. //如无参数，则返回当前滚动条可视窗口上方顶点位置，距离整体内容上方顶点的距离  
56. $("#div_outer").scrollTop(20);  
57. //针对的元素具有横向滚动条，设置从总体内容左侧的第20列像素开始，显示在滚动条可视窗口内左端顶点  
58. //如无参数，则返回当前滚动条可视窗口左端顶点位置，距离整体内容左端顶点的距离  
59. $("#div_outer").scrollLeft(20);  

转载于:https://my.oschina.net/u/2400119/blog/791782