jQuery是一款優(yōu)秀的JavaScript庫(kù)，（jQuery=js+Query）.
優(yōu)點(diǎn)：
- 強(qiáng)大選擇器: 方便快速查找DOM元素
- 鏈?zhǔn)秸{(diào)用: 可以通過(guò).不斷調(diào)用jQuery對(duì)象的方法
- 隱式遍歷(迭代): 一次操作多個(gè)元素
- 讀寫(xiě)合一: 讀數(shù)據(jù)/寫(xiě)數(shù)據(jù)使用是一個(gè)函數(shù)
- 事件處理
- DOM操作(C增U改D刪)
- 樣式操作
- 動(dòng)畫(huà)
- 豐富的插件支持
- 瀏覽器兼容(前端開(kāi)發(fā)者痛點(diǎn))
使用
1.加載jquery庫(kù)
2.在script標(biāo)簽中編寫(xiě)代碼
入口函數(shù)
$(document).ready(funcyion(){}):
沖突的解決：
核心函數(shù)
();表示調(diào)用jquery函數(shù)
參數(shù)：
1.函數(shù) ：比如入口函數(shù) 當(dāng)DOM加載完成后執(zhí)行傳入的回調(diào)函數(shù)
$(function () {
alert("hello zhuzhu");
以下的幾個(gè)必須寫(xiě)在入口函數(shù)中
2.接受字符串
2.1接收一個(gè)包含 CSS 選擇器的字符串，然后用這個(gè)字符串去匹配一組元素,并包裝成jQuery對(duì)象 返回值是jquery對(duì)象 var $d
$(function () {
$(".box1")
}
$(function () {
var $a =$(".box1");
console.log($a)
}
2.2 接收一個(gè)代碼片段 會(huì)創(chuàng)建對(duì)應(yīng)的dom元素 可以直接添加檢驗(yàn)
<script>
$(function() {
var $s=$(" <p>里看我</p>");
var $im=$("div");
$im.append($s)
});
</script>
3.接收dom對(duì)象 會(huì)返回jquery對(duì)象
$(function(){
// 所謂的獲取DOM是獲取整個(gè)元素 <span>我是span</span>
var span=document.getElementsByTagName("span")[0];
console.log(span)
var $span=$(span)
console.log($span)
});
靜態(tài)方法
jquery 中的靜態(tài)方法：
靜態(tài)方法對(duì)應(yīng)的是對(duì)象方法,對(duì)象方法用實(shí)例對(duì)象調(diào)用,而靜態(tài)方法用類(lèi)名調(diào)用
-
.map();
遍歷對(duì)象或數(shù)組,將回調(diào)函數(shù)的返回值組成一個(gè)新的數(shù)組返回
3.$.trim(); 用于去除字符串兩端的空格，傳入一個(gè)需要去除空格的字符串，返回去除空格之后的字符串，不影響原字符串。
4.$.isWindow()判斷傳入的對(duì)象是否是window對(duì)象
5.$.isArray()判斷傳入的對(duì)象真數(shù)組
6.$.isFunction() 判斷傳入的對(duì)象是否是函數(shù)，返回true/false。
7.$.holdready() : 暫停或者恢復(fù)jQuery.ready()事件傳入true或false
接收true/false參數(shù)，參數(shù)為true時(shí)，暫停ready入口函數(shù)執(zhí)行 需要在入口函數(shù)函數(shù)前執(zhí)行
