首页 > 技术文章 > jquery获取、改变元素属性值2

huangcan 2015-08-16 22:12 原文

//==================================修改CSS属性==================================

//返回指定CSS样式值

$("#txt1").css("color");

//一次赋多个样式

$("#txt1").css({color:"#ff0011",background:"blue"});

//一次赋一个指定的样式

$("#txt1").css("color","black");

//==================================宽和高相关==================================

//设置元素的高度,无值则返回该元素的高度单位像素

$("#txt1").height(25);

//设置元素的宽度,无值则返回该元素的宽度

$("#txt1").width(150);

//获取元素的内部高度,不包括边框

$("#txt1").innerHeight();

//获取元素内部宽度,不包括变宽

$("#txt1").innerWidth();

//获取元素外部高度,包括边框

$("#txt1").outerHeight();

//获取元素外部宽度,包括边框

$("#txt1").outerWidth();

//==================================位置相关==================================

//获取元素相对窗口的偏移位置,返回两个值,一个top值,一个left值

var txt1_offset=$("#txt1").offset();

var top=txt1_offset.top;

var left=txt1_offset.left;

//返回相对父元素的相对偏移位置,返回两个值一个top,一个left

var txt1_position=$("#txt1").position();

var top=txt1_position.top;

var left=txt1_position.left;

//针对的元素具有垂直滚动条,设置从总体内容向下的第20行像素开始,显示在滚动条可视窗口内上方顶端

//如无参数,则返回当前滚动条可视窗口上方顶点位置,距离整体内容上方顶点的距离

$("#div_outer").scrollTop(20);

//针对的元素具有横向滚动条,设置从总体内容左侧的第20列像素开始,显示在滚动条可视窗口内左端顶点

//如无参数,则返回当前滚动条可视窗口左端顶点位置,距离整体内容左端顶点的距离

$("#div_outer").scrollLeft(20);

 

推荐阅读