WEB前端jQuery—常用方法

val方法

获取标签的value值，仅对含有value属性的标签有用

• 获取值：jq对象.val();
• 修改值：jq对象.val(内容);

html和text方法

html：本质DOM对象.innerHTML();

• 获取：jq对象.html();
• 设置：jq对象.html(内容);

text：本质DOM对象.innerText();

• 获取：jq对象.text();
• 设置：jq对象.text(内容);

区别:

• 获取值：html()会获取标签,text()只获取文本
• 设置值：html()转义,text()不转义(显示原始文本)

width和height

语法(以width为例)：

• 获取：jq对象.width();
• 设置：jq对象.width(数字);

复杂width:

• jq对象.width()：width
• jq对象.innerWidth()：width + padding
• jq对象.outerWidth()：width + padding + border
• jq对象.outerWidth(true)：width + padding + border + margin

scroll系列

设置或获取垂直滚动条的位置

• 获取页面卷曲高：$(window).scrollTop()
• 获取页面卷曲宽：$(window).scrollLeft()
• 设置页面卷曲高：$(window).scrollTop(数字)
• 设置页面卷曲宽：$(window).scrollLeft(数字)

offset和position方法

• jq对象.offset()：获取元素的相对于页面(document)的位置，返回值为对象{left:100, top:100}
• jq对象.position()：获取元素相对于有定位的父元素的位置(更常用)。