一.jQuery基本功能
1.訪問和操作DOM元素:<code>$(".oDiv"").val();</code>
2.控制頁面樣式.<code>$(".oDiv").click(function{$(this).toggleClass(".oDiv1")});</code>
3.對(duì)頁面事件的處理.
4.大量插件在頁面的運(yùn)用.
5.與Ajax技術(shù)的完美結(jié)合.
二.搭建開發(fā)環(huán)境
1.下載文件庫:<code>http://jquery.com</code>
2.引入jQuery文件庫:<script language="javascript" type="text/javascript" src=""></script>
三.第一個(gè)程序
1.第一個(gè)程序:<code>$(document).ready(function(){ $("div").html("你好!歡迎來到j(luò)Query的精彩世界!")});</code>
四.代碼風(fēng)格
1.<code>$</code>美元符號(hào)的使用:無論是頁面元素的選擇,功能函數(shù)的前綴都須使用該符號(hào).
2.事件操作鏈接式書寫:使用鏈接式的方式編寫該元素的所有事件.
$(".title").click(function(){
$(this).addclass("curcol")
.next(".content").css("dsplay","block");
});
五.jQuery選擇器
1.使用簡單:<code>$("#tbStu tr:nth-child(even)").addClass("trOdd");</code>
2.完美的檢測(cè)機(jī)制:<code>不需要檢測(cè)找元素,不存在也不會(huì)報(bào)錯(cuò)卡死</code>
3.有4大類型:
基本選擇器:<code>#id</code>,<code>element</code>元素,<code>.class</code>,<code>*</code>所有,<code>selector1 selectorN</code>多項(xiàng)選擇
層次選擇器:<code>ancestor descendant</code>后代,<code>parent>child</code>父子,<code>prev+next</code>prev后相鄰,<code>prev~siblings</code>prev后所有兄弟,相當(dāng)于<code>nextAll()</code>
過濾選擇器:
簡單: first()或:first第一個(gè),last()或:last最后一個(gè),:no(selector)除選擇外,:even偶數(shù),:odd奇數(shù),:eq(index)指定索引,:gt(index)大于索引,:lt(index)小于索引,:header標(biāo)題類h1 h2..,:animated正在執(zhí)行動(dòng)畫
內(nèi)容::contains(text)給定文本,:empty無子或空,:has(selector)內(nèi)含有,:parent有子或文本.
可見性: :hidden不可見或hidden, :visible可見.
屬性:[attribute]屬性,[attribute=value]特定屬性值,[attribute!=value]無特定屬性值,[attribute^=value]某值開始,[attribute$=value] 某值結(jié)束,[attribute*=value]包含某值,[selector1][selector2][selectorN]多屬性
子元素: :nth-child(eq|even|odd|index)特定位置,:first-child第一個(gè),:last-child最后一個(gè),:only-child只有一個(gè)的
表單對(duì)象屬性: :enabled屬性可用,:disabled屬性不可用,:checked被選中,:selected選中的option
表單選擇器: :input所有input textarea select,:text單行文本,:password密碼框,:radio單選,:checkbox復(fù)選,:submit:提交,:image圖像域,:reset重置,:button按鈕,:file文件域<br>
