jQuery 是一個(gè) JavaScript 函數(shù)庫。

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

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

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

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

jQuery 提供了用于 AJAX 開發(fā)的豐富函數(shù)（方法）庫。
通過 jQuery AJAX，使用 HTTP Get 和 HTTP Post，您都可以從遠(yuǎn)程服務(wù)器請(qǐng)求 TXT、HTML、XML 或 JSON。



1、Jquery選擇器的各種用法

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

2、Jquery事件器的介紹

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

更多php學(xué)習(xí)>> PHPer許琴-專注于PHP技術(shù) http://xuqin.blog.51cto.com/

jquery基礎(chǔ)學(xué)習(xí)筆記-PHPer許琴-專注于PHP技術(shù)