jQuery学习笔记之五----基础DOM和CSS操作

一  DOM 简介

二  设置元素及内容

方法：获取，设置，html()  html(value)  文本：text() text(value)  表单val()   val(value)

$('input').val  //获取表单内容

$('input').val("www.baidu.com") //设置..

三  元素属性操作

$('div').attr('title'); //获取属性值

$('div').attr('title','我是域名');   //设置属性值

$('div').attr('title',function(index,value) {

return value + (index + 1) + '，我是域名'

})

四  元素样式操作

$('div').click(fuction() {

$(this).toggleClass(function() {

return $(this).hasClass('red')?'blue':'red size';

})

});

五  CSS方法

$('div').width('500pt');

$('div').height(function(index.value) {

return value - 1;

});

内外边框方法

outerWidth()

元素偏移方法

$('window').scrollTop();