jquery的內(nèi)容很多炸枣，可以查看參考手冊搭伤，參考手冊我不知道怎么發(fā)，想要的可以留言乍桂。
位置：
原生： offsetLeft 冲杀、 offsetTop 、 left top
jquery:
var l = $('#div1').position().left;
var t = $('#div1').position().top;
寬度：
$(obj).width()/height(); 純寬高
$(obj).innerWidth()/innerHeight() 寬高+padding
$(obj).outerWidth()/outerHeight() 盒子模型寬高
$(obj).offset().left/top; 絕對位置
$(obj).position().left/top; 到定位父級
$(window).width()/height() 可視區(qū)
.innerWidth() 普通寬度 + padding
.outerWidth() 普通寬度 + padding + border
<style>
#div1{
width: 100px;
height: 200px;
padding: 20px;
margin: 30px;
border: 10px solid #000000;
}
</style>
<script src="js/jquery-1.7.2.js"></script>
<script>
$(function(){
var w = $('#div1').outerWidth();
alert(w);
});
</script>
</head>
<body>
<div id="div1"></div>
</body>
DOM操作：
$('#div1').append($('< p >內(nèi)容區(qū)</p >'));
$('< p>內(nèi)容區(qū)2< /p>').appendTo($('#div1'));
在元素里面追加(append)
$('#div1').prepend($('< p >內(nèi)容區(qū)< /p >'));
$('< p >內(nèi)容區(qū)< /p >').prependTo($('#div1'));
在元素里面-前面加(insertBefore)
$('#div1').after($('<a href="#">連接</a>'));
.after 目標(biāo)后面
$('#div1').before($('<a href="#">連接</a>'));
目標(biāo)前面
.remove() 刪除
.remove(表達(dá)式) 把匹配的元素刪除
事件：
jquery 都是綁定
.bind();
.unbind();
事件委托：
$('ul').delegate('li','click',function(){
alert($(this).html());
});
$('ul').undelegate();
阻止默認(rèn)行為：
return false; -- 阻止默認(rèn)行為 和 事件冒泡
ev.preventDefault(); -- 阻止默認(rèn)行為
ev.stopPropagation() -- 阻止事件冒泡
