jQuery基本的属性操作

attr和prop，prop常用来操作标签的固有属性，比方说checkbox的checked属性、select的selected属性，而attr常用来操作我们自己给标签添加的属性。

$('div').attr('attrname') ：获取div标签的属性值

$('div').attr('attrname','attrvalue')：设置div标签的属性值

$('div').prop('attrname')：获取div标签的属性

$('div').prop('attrname','attrvalue')：设置div标签的属性值

 

$('div').addClass('classname')：给div标签增加一个class

$('div').removeClass('classname')：移除div标签的class

 

$('div').html()：获取div标签的html值，包含div的文本内容和下属标签

$('div').text()：获取div标签的html值，只包含文本内容不包含下属标签

$('div').html('htmlvalue')：设置div标签的html值

$('div').text('textvalue')：设置div标签的文本内容

$(':text').val()：获取text标签的value值

$(':text').val('textvalue')：设置text标签的value值

val()只能操作固有value属性的标签，不能操作自定义value属性标签。

 

$('div').css('cssname','cssvalue')：设置div标签css样式

$('div').css({'cssname1':'cssvalue1','cssname2':cssvalue2''...})：给div标签设置多个样式

 

$('div').offset()：相对于视口的偏移量，结果是一个集合

$('div').offset().top和$('div').offset().left：相对于视口的上方、左方的偏移量

 

位置

$('div').position()：相对于已定位的父元素的位置，结果是一个集合

$('div').position().top和$('div').position().left：相对于已定位的父元素的上方、左方的位置

 

尺寸

$('div').height()、$('div').width()：获取指定标签的高度、宽度，只是内容的宽度

$('div').innerHeight()、$('div').innerWidth()：获取指定标签的高度、宽度，包括内容和padding

$('div').outerHeight()、$('div').outerWidth()：获取指定标签的高度、宽度，包括内容、padding和border

$('div').outerHeight(true)、$('div').outerWidth(true)：获取指定标签的高度、宽度，包括内容、padding、border和margin

对于各种height()和width()，如果在括号内加上参数例如$('div').height('20px')，表示设定指定的值

 

$(document).height()：文档高度

$(window).height()：窗口高度

$(window).scrollTop()：滚动条滑动的高度（上下方向）

对一个页面来说文档高度 = 窗口高度 + 滚动条滑动高度

 

滚动条

$(window).scrollTop()、$(window).scrollLeft()：滚动条距离上方、左边的距离

如果在括号内加上参数，表示设定指定的值