jQuery 是一個 JavaScript 函數庫。

jQuery 庫包含以下特性：
??? HTML 元素選取
??? HTML 元素操作
??? CSS 操作
??? HTML 事件函數
??? JavaScript 特效和動畫
??? HTML DOM 遍歷和修改
??? AJAX 異步、交互JavaScript及XML方法
??? Utilities 實用工具

jQuery 語法是為 HTML 元素的選取編制的，可以對元素執行某些操作。$(selector).action();
jQuery 選擇器：
jQuery 元素選擇器：例如：$("p#demo") 選取 id="demo" 的第一個 <p> 元素。
jQuery 屬性選擇器：例如：$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
jQuery CSS 選擇器：例如：$("p").css("background-color","red");把所有 p 元素的背景顏色更改為紅色。

jQuery 名稱沖突；如果存在名稱沖突，則重命名 jQuery 庫：var jq=jQuery.noConflict()； 然后將$替換成jq

如果您希望在一個涉及動畫的函數之后來執行語句，請使用 callback 函數。
$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});

jQuery 提供了用于 AJAX 開發的豐富函數（方法）庫。
通過 jQuery AJAX，使用 HTTP Get 和 HTTP Post，您都可以從遠程服務器請求 TXT、HTML、XML 或 JSON。



1、Jquery選擇器的各種用法

$(this) 當前元素
$("p") 所有<p>元素
$("input") 所有input元素
$(".intro") 所有 class=“intro” 的元素
$("p.intro") 所有 class="intro" 的<p>元素
$("#intro") id="intro" 的第一個元素
$("ul > li") ul下的所有li節點
$("ul li:first") 每個 <ul> 的第一個 <li> 元素
$("[href$='.jpg']") 所有帶有以 ".jpg" 結尾的 href 屬性的屬性
$("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素
$(li[a:contains('Register')]") 內容包含Register的<a>元素
$("input[@name=bar]") name是bar的<input>元素
$("input[@type=radio][@checked]") type是radio的<input>元素
$(“li”).not(“ul”) li下沒有包含ul節點的節點元素
$("span[@id]") 包含id屬性的<span>元素
$("[@id=span1]") id為span1的節點元素

2、Jquery事件器的介紹

$(selector).click() 被選元素的點擊事件
$(selector).dblclick() 被選元素的雙擊事件
$(selector).focus() 被選元素的獲得焦點事件
$(selector).mouseover() 被選元素的鼠標懸停事件
$(selector).css(); 被選元素的CSS事件
$(selector). hide(); 被選元素的隱藏事件
$(selector). show('slow'); 被選元素的顯示事件

更多php學習>> PHPer許琴-專注于PHP技術 http://xuqin.blog.51cto.com/

jquery基礎學習筆記-PHPer許琴-專注于PHP技術