Jquery 笔记

所有 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，等等