jQuery入门篇

JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。
为了应对这些调整，许多的 JavaScript (helper) 库应运而生。
jQuery 是目前最受欢迎的 JavaScript 框架。
它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。
jQuery 同时提供 companion UI（用户界面）和插件。
详细链接

入门小知识：

文档就绪函数

您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：

$(document).ready(function(){

--- jQuery functions go here ----

});

语法

• $(this).hide() - 隐藏当前元素
• $(“p”).hide() - 隐藏所有段落
• $(“.test”).hide() - 隐藏所有 class=”test” 的所有元素
• $(“#test”).hide() - 隐藏所有 id=”test” 的元素

选择器：
更多的选择器实例

$(this)    当前 HTML 元素
$("p") 所有 <p> 元素
$("p.intro")   所有 class="intro" 的 <p> 元素
$(".intro")    所有 class="intro" 的元素
$("#intro")    id="intro" 的元素
$("ul li:first")   每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head")   id="intro" 的 <div> 元素中的所有 class="head" 的元素

剩下的懒得整理了。。。详见