jquery学习7_特殊属性操作

jquery学习7_特殊属性操作

value属性

// 设置input和textarea
//设置值
$("#name").val(“张三”);
//获取值
$("#name").val();

text方法

// 相当于innerHTML  text方法相当于innerText
// 设置内容
$(“div”).html(“<span>这是一段内容</span>”);
//获取内容
$(“div”).html()
​
// 设置内容
$(“div”).text(“<span>这是一段内容</span>”);
//获取内容
$(“div”).text()

width方法与height方法

// 通过css获取
$(“img”).css("width")
//带参数表示设置高度
$(“img”).height(200);
//不带参数获取高度
$(“img”).height();
​
//获取可视区宽度
$(window).width();
//获取可视区高度
$(window).height();
​
// width,innerWidth,outerWidth
width：显示显示的宽度
innerWidth=padding+width
outerWidth = padding+width+border
outerWidth(true) = padding+width+border+margin

scrollTop与scrollLeft

//获取页面被卷曲的高度
$(window).scrollTop();
//获取页面被卷曲的宽度
$(window).scrollLeft();
// 这里window为当前显示的window对象

offset和position方法

//获取元素距离document的位置,返回值为对象：{left:100, top:100}
$(selector).offset();
//获取相对于其最近的有定位的父元素的位置。
$(selector).position();