jQuery之值方法、内容方法、坐标值操作
值方法
val()
作用：设置或返回表单元素的值
使用方法：
$(selector).val()//获取值
$(selector).val("")//设置值
内容方法
text()和html()
两者作用基本一样，区别是text（）不识别html标签，html()识别
$(selector).text("hello world");
$(selector).html("<a href="javascript:void(0)">hello world</a>");高度和宽度
width()和height()
$(selector).width();//获取值
$(selector).width(100);/设置值
$(selector).height(100);//获取值
$(selector).width();//设置值元素坐标操作（定位）
offset()
作用：用来获取节点相对于文档的位置
$(selector).offset();
//返回值是一个json,包括left、top，前提是调用方法节点使用定位
$(selector).offset({"left":200,"top":100})
//设置一个json,包括left、top，如果设置前没有定位，设置后默认是relativeposition()
作用：类似于offset()，不同的是position()，是相对于离获取的节点最近的父元素
$(selector).position();
//返回值是一个json,包括left、top
$(selector).position({"left":200,"top":100})
//设置一个json,包括left、top，如果设置前没有定位scrollTop(）
scrollLeft()相同方法
作用：获取或设置获取的节点滚动条到顶部的距离
获取的节点必须有固定的宽度和高度，且overflow：auto，里面内容可以不限宽高，这样可以产生滚动条，只有这样此函数才有意义
$(selector).scrolltop();
//获取滚动条到顶部的距离
$(selector).scrolltop(100);
//设置滚动条到顶部的距离<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.section{
width: 800px;
height:800px;
background-color: red;
overflow: auto;
position: relative;
left: 20px;
top: 1000px;
}
.content{
width: 2200px;
height: 2000px;
background-color: blue;
position: absolute;
left: 150px;
top: 150px;
}
</style>
<script src="jquery-1.11.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var div2=$(".content");
var div1=$(".section");
//以下函数可以设置参数设置
console.log(div1.offset());
console.log(div1.offset().top);
console.log(div1.offset().left);
console.log(div2.position());
div1.scrollTop(100);
})
</script>
</head>
<body>
<div class="section">
<div class="content"></div>
</div>
</body>
</html>
