莫問(wèn)歸期 來(lái)自多選參數(shù) 00:00 03:39
聽(tīng)著中國(guó)風(fēng)歌曲一起學(xué)習(xí) jQuery。
1. jQuery核心函數(shù)
1.1 ?jQuery([selector,[context]])
jQuery([selector,[context]]) 接收一個(gè)包含 CSS 選擇器的字符串，然后用這個(gè)字符串去匹配一組元素,并包裝成 jQuery 對(duì)象
· selector:用來(lái)查找的字符串
· context:作為待查找的 DOM 元素集、文檔或 jQuery 對(duì)象。
1$("div?>?p");?//找到所有 p 元素，并且這些元素都必須是 div 元素的子元素。
2$(document.body).css(?"background",?"black"?);?//設(shè)置頁(yè)面背景色。1.2 ?jQuery(html,[ownerDocument])
根據(jù)提供的原始 HTML 標(biāo)記字符串，動(dòng)態(tài)創(chuàng)建由 jQuery 對(duì)象包裝的 DOM 元素。同時(shí)設(shè)置一系列的屬性、事件等。
· html:用于動(dòng)態(tài)創(chuàng)建 DOM 元素的HTML標(biāo)記字符串
· ownerDocument:創(chuàng)建 DOM 元素所在的文檔
1$("<div><p>Hello?·?多選參數(shù)</p></div>").appendTo("body");?//動(dòng)態(tài)創(chuàng)建一個(gè)?div?元素（以及其中的所有內(nèi)容），并將它追加到?body?元素中1.3 ?jQuery(callback)
允許你綁定一個(gè)在 DOM 文檔載入完成后執(zhí)行的函數(shù)。
·? 函數(shù)的作用如同 $(document).ready() 一樣，只不過(guò)用這個(gè)函數(shù)時(shí)，需要把頁(yè)面中所有需要在 DOM 加載完成時(shí)執(zhí)行的 $() 操作符都包裝到其中來(lái)。
1$(function(){?//當(dāng)DOM加載完成后，執(zhí)行其中的函數(shù)。
2??//?文檔就緒
3});2. jQuery對(duì)象
在 JQuery 庫(kù)中，可以通過(guò)本身自帶的方法獲取頁(yè)面 DOM 元素的對(duì)象叫做 JQuery 對(duì)象。對(duì)象用 var 開(kāi)頭定義。
1var?tDiv?=?$(“#divTmp”)?//使用JQ獲取元素后，就是JQuery對(duì)象了3. jQuery靜態(tài)方法
3.1 靜態(tài)方法
· 靜態(tài)方法對(duì)應(yīng)的是對(duì)象方法,對(duì)象方法用實(shí)例對(duì)象調(diào)用,而靜態(tài)方法用類(lèi)名調(diào)用
1window.onload?=?function?()?{
2?????function?AClass(){}
3?????AClass.staticMethof?=?function(){
4?????alert('靜態(tài)方法');
5?????}
6?????AClass.prototype.instaceMethod?=?function(){
7?????alert('實(shí)例方法');
8?????}?
9?????AClass.staticMethof();?//靜態(tài)方法用類(lèi)名直接調(diào)用
10
11?????var?instace?=?new?AClass();
12?????instace.instaceMethod();?//?實(shí)例方法必須用類(lèi)的實(shí)例對(duì)象調(diào)用
13??}3.2 ?jQuery.holdReady(hold)
暫?；蚧謴?fù).ready() 事件的執(zhí)行。
· hold 指示是否暫?；蚧謴?fù)被請(qǐng)求的 ready 事件
1$.holdReady(true);
2$.getScript("myplugin.js",?function()?{
3?????$.holdReady(false);
4});
5//?延遲就緒事件，直到已加載的插件3.3 jQuery.each(callback)
通用例遍方法，可用于例遍對(duì)象和數(shù)組。
· object: 需要例遍的對(duì)象或數(shù)組。
· callback: 每個(gè)成員/元素執(zhí)行的回調(diào)函數(shù)。
1$.each(?[0,1,2],?function(i,?n){
2??alert(?"Item?#"?+?i?+?":?"?+?n?);?//?例遍數(shù)組，同時(shí)使用元素索引和內(nèi)容。
3});3.4 jQuery.map(arr|obj,callback)
將一個(gè)數(shù)組中的元素轉(zhuǎn)換到另一個(gè)數(shù)組中。
· array: 待轉(zhuǎn)換數(shù)組。
· callback Array: 為每個(gè)數(shù)組元素調(diào)用，而且會(huì)給這個(gè)轉(zhuǎn)換函數(shù)傳遞一個(gè)表示被轉(zhuǎn)換的元素作為參數(shù)。函數(shù)可返回任何值。
1$.map(?[0,1,2],?function(n){
2??return?n?+?4;?//將原數(shù)組中每個(gè)元素加 4 轉(zhuǎn)換為一個(gè)新數(shù)組。
3});3.5 jQuery.trim(str)
去掉字符串起始和結(jié)尾的空格。
· str：需要處理的字符串
1$.trim("? hello, 多選參數(shù)！??");??//?去掉字符串起始和結(jié)尾的空格。3.6 jQuery.isArray(obj)
測(cè)試對(duì)象是否為數(shù)組。
· obj：用于測(cè)試是否為數(shù)組的對(duì)象
1var?arr?=?[2,?4,?6,?8,?10];
2var?$res?=?$.isArray(arr);
3console.log($res);????//?打印結(jié)果為?true3.7 jQuery.isFunction(obj)
測(cè)試對(duì)象是否為函數(shù)。
· obj: 用于測(cè)試是否為函數(shù)的對(duì)象
1var?git?=?function?()?{};
2$res?=?$.isFunction(git);
3console.log($res);?//?打印結(jié)果為?true3.8 jQuery.isWindow(obj)
測(cè)試對(duì)象是否是窗口（有可能是 Frame）。
· obj: 用于測(cè)試是否為窗口的對(duì)象。
1<!DOCTYPE?html>
2<html>
3<head>
4??<script?src="http://code.jquery.com/jquery-1.5.2.js"></script>
5</head>
6<body>
7
8<script>
9$res?=?$.isWindow(window);
10console.log($res);?//?打印結(jié)果為?true
11</script>
12
13</body>
14</html>接下來(lái)就到選擇器了，大家一起努力，哪里有不合適的還懇請(qǐng)大家留言指出，一定改正！
To be continued 。。。
不甘于「本該如此」，「多選參數(shù)?」值得關(guān)注
