jQuery特殊属性操作

• val方法

val方法用于设置和获取表单元素的值，例如input、textarea的值

//获取值
$("#name").val();
//设置值
$("#name").val("张三");

• text方法

相当于innerText()

//获取内容
$("div").text()
//设置内容
$("div").text("<span>这是一段内容</span>")

• html方法

相当于innerHTML(),会识别html标签

//获取内容
$("div").html()
//设置内容
$("div").html("<span>这是一段内容</span>")

• width方法

设置或者获取宽度

//带参数表示设置高度
$("img").width(200);
//不带参数获取高度
$("img").width();
//获取网页的可视区宽高
//获取可视区宽度
$(window).width();
//获取可视区高度
$(window).height();

innerWidth():获取盒子的宽度 + padding
outerWidth():获取盒子的宽度 + padding + border
outerWidth（true）():获取盒子的宽度 + padding + border + margin
Height方法与Width用法相同。

• scrollTop

设置或者获取垂直滚动条的高度

//获取页面被卷曲的高度
$(window).scrollTop();

• scrollLeft

设置或者获取垂直滚动条的宽度

//获取页面被卷曲的宽度
$(window).scrollLeft();

• offset方法

获取元素距离document的位置

//获取元素距离document的位置,返回值为对象：{left:100, top:100}
$(selector).offset();

• position方法

获取元素距离有定位的父元素的位置

//获取相对于其最近的有定位的父元素的位置。
$(selector).position();