一： jQuery尺寸（CSS盒子模型）
width（）：设置或返回元素的宽度（不包括内边距，边框，外边距）
height（）：设置或返回元素的宽度（不包括内边距，边框，外边距）
代码实现：
$(document).ready(function(){
$("button").click(function(){
var txt=""
txt +='div的宽度是:'+$('#div1').width()+'px'+'<br>';
txt +='div的高度是:'+$('#div1').height()+'px'+'<br>';
txt +='div的宽度，包括内边距:'+$('#div1').innerWidth()+'px'+'<br>';
txt +='div的高度，包括内边距:'+$('#div1').innerHeight()+'px'+'<br>';
txt +='div的宽度，包括内边距和边框:'+$('#div1').outerWidth()+'px'+'<br>';
txt +='div的高度，包括内边距和边框:'+$('#div1').outerHeight()+'px'+'<br>';
txt +='div的宽度，包括内边距和边框，外边距:'+$('#div1').innerWidth(true)+'px'+'<br>';
txt +='div的高度，包括内边距和边框，外边距:'+$('#div1').innerHeight(true)+'px'+'<br>';
$("#div1").html(txt)
})
})
二：jQuery的淡出淡入：
show()：出现,hide()：隐藏,toggle()：来回滑动,slideUp(),slideDown(),slideToggle()
代码实现：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery-1.8.3.min.js"></script>
<style>
#flipshow,#content,#fliphide,#flip{
padding: 5px;
text-align: center;
background-color: #ece023;
border: 1px solid red;
}
#content{
padding: 50px;
display: none;
}
</style>
<script>
$(document).ready(function () {
$("#flipshow").click(function () {
$("#content").slideDown(1000);
});
$("#fliphide").click(function () {
$("#content").slideUp(1000);
});
$("#flip").click(function () {
$("#content").slideToggle(1000);
});
});
</script>
</head>
<body>
<div id="flipshow">出现</div>
<div id="fliphide">隐藏</div>
<div id="flip">toggle</div>
<div id="content">helloword</div>
</body>
<html>
三：jQuery动画总结：
show（），hide（），toggle（），slideUp（），slideDown（），slideToggle（），animate（），slide
Window（滑动窗口）
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
