所有 jQuery 函数位于一个 document ready 函数中： $(document).ready(function(){--- jQuery functions go here ----}
所有 jQuery 函数位于一个 document ready 函数中：
$(document).ready(function(){--- jQuery functions go here ----}); 这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码
$(document).ready(function(){
}); 与
$(function(){
});是等价的
如果你想要一个事件运行在你的页面上，你必须在$(document).ready()里调用这个事件
$号是jQuery“类”的一个别称，$()构造了一个jQuery对象
标签选择器$('p')、类选择器$('.myClass')、id选择器$('#myId')
如$("div>ul a")，它的意思是div标签中的ul标签中的a标签
不过，$('div>ul')和$('div ul')是有区别的，
$('div>ul')是<div>的直接后代里找<ul>；
而$('div ul')是在<div>的所有后代里找<ul>。
2、动画
默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute $("div").animate({left:'350px'},"4000");
<button>开始动画</button>
<p>默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。</p>
<div style="background:#98bf21;height:100px;width:100px;position :fixed ">
</div>
请注意，生成动画的过程中可同时使用多个属性：
$("button").click(function(){ $("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' }); });
需要记住一件重要的事情：当使用 animate() 时，必须使用 Camel (骆驼命名法)标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等
