详解Jquery的事件操作和文档操作

});
$(".ul1 li:eq(7)").click(function(){
$(".p1").html("html");
});

$(".ul2 li:eq(0)").click(function(){
$(".p1").css("color","red");
$(".p2").css({"color":"white","background-color":"#98bf21","font-family":"Arial","font-size":"20px","padding":"5px"});
});
$(".ul2 li:eq(1)").click(function(){
alert($(this).height());
$(this).height("50px");
});
$(".ul2 li:eq(2)").click(function(){
alert("left:"+$(this).offset().left+" top:"+$(this).offset().top);
});
$(".ul2 li:eq(3)").click(function(){
$(this).offsetParent().css("background-color", "red");
});
$(".ul2 li:eq(4)").click(function(){
alert("left:"+$(this).position().left+" top:"+$(this).position().top);
});
$(".ul2 li:eq(5)").click(function(){
alert("scrollLeft:"+$(this).scrollLeft());
});
$(".ul2 li:eq(6)").click(function(){
alert("scrollTop:"+$(this).scrollTop());
});
$(".ul2 li:eq(7)").click(function(){
alert("widht:"+$(this).width());
$(this).width("200px");
});
</script>
</html>

以上便是我总结的Jquery中我们经常使用到的操作。