摘要：前端最基礎(chǔ)的就是。前面我們已經(jīng)基本掌握常規(guī)的語法語義，以及基本的使用方法。等價于當(dāng)載入就緒執(zhí)行一個函數(shù)回調(diào)。返回一組匹配的元素。據(jù)提供的原始標(biāo)記字符串，動態(tài)創(chuàng)建由對象包裝的元素。同時設(shè)置一系列的屬性事件等。

前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識的中心思想，我們開課啦（每周四）。

前面我們已經(jīng)基本掌握常規(guī)的語法語義，以及基本的使用方法。接下來我們講深入進(jìn)去了解其中內(nèi)在的原理。
也了解 DOM、BOM，但是因為規(guī)范是一在變的，有沒有什么類庫可以方便操作這些呢？進(jìn)入我們今天的主題jQuery

這東西出來很久了，一般來說都用過。提供一個速查地址

jQuery 設(shè)計的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。
jQuery 是一個跨瀏覽器（兼容所有常見瀏覽器，包括IE6）的工具庫。
提供了元素選取、元素操作、CSS操作、事件處理、動畫、AJAX等功能。

鏈?zhǔn)讲僮鳎ê軆?yōu)秀）

高效、靈活的選擇器（id、class、tag、偽元素、attr、層級）

插件機(jī)制

兼容主瀏覽器，提供了統(tǒng)一的功能接口

jQuery.fn.extend(object) 對應(yīng) $("div"). 的操作。

jQuery.fn.extend({
  check: function() {
    return this.each(function() { this.checked = true; });
  },
  uncheck: function() {
    return this.each(function() { this.checked = false; });
  }
});
$("input[type=checkbox]").check();
$("input[type=radio]").uncheck();

jQuery.extend(object) 對應(yīng) $. 的操作。

jQuery.extend({
  min: function(a, b) { return a < b ? a : b; },
  max: function(a, b) { return a > b ? a : b; }
});
jQuery.min(2,3); // => 2
jQuery.max(4,5); // => 5

jQuery.extend([deep], target, object1, [objectN])
用一個或多個其他對象來擴(kuò)展一個對象，返回被擴(kuò)展的對象。

如果不指定target，則給jQuery命名空間本身進(jìn)行擴(kuò)展。這有助于插件作者為jQuery增加新方法。 如果第一個參數(shù)設(shè)置為true，則jQuery返回一個深層次的副本，遞歸地復(fù)制找到的任何對象。否則的話，副本會與原對象共享結(jié)構(gòu)。 未定義的屬性將不會被復(fù)制，然而從對象的原型繼承的屬性將會被復(fù)制。

基本
#id 、 element 、 .class 、 * 、 selector1,selector2,selectorN

層級
ancestor descendant 、 parent > child 、 prev + next 、prev ~ siblings

基本篩選器
:first、:not(selector)、:even、:odd、:eq(index)、:gt(index)、:lang1.9+、:last、:lt(index)、:header、:animated、:focus、:root1.9+、:target1.9+

內(nèi)容
:contains(text)、:empty、:has(selector)、:parent

可見性
:hidden、:visible

屬性
[attribute]、[attribute=value]、[attribute!=value]、[attribute^=value]、[attribute$=value]、[attribute*=value]、[attrSel1][attrSel2][attrSelN]

子元素
:first-child、:first-of-type1.9+、:last-child、:last-of-type1.9+、:nth-child、:nth-last-child()1.9+、:nth-last-of-type()1.9+、:nth-of-type()1.9+、:only-child、:only-of-type1.9+、

表單
:input、:text、:password、:radio、:checkbox、:submit、:image、:reset、:button、:file

表單對象屬性
:enabled、:disabled、:checked、:selected

混淆選擇器
$.escapeSelector(selector)3.0+
這個方法通常被用在類選擇器或者ID選擇器中包含一些CSS特殊字符的時候，這個方法基本上與CSS中CSS.escape()方法類似，唯一的區(qū)別是jquery中的這個方法支持所有瀏覽器。

核心函數(shù)，我認(rèn)為這是很優(yōu)秀的一個點。小小的$函數(shù)，包含了我們想要的大多數(shù)功能。

等價于$.ready(Function)
當(dāng)DOM載入就緒執(zhí)行一個函數(shù)回調(diào)?？梢员苊猱?dāng)頁面DOM還沒有加載就操作了DOM。（會報錯）
簡單地說，這個方法純粹是對向window.load事件注冊事件的替代方法。不同的是可以綁定多次（addEventListener也可以綁定多次）。ready如果頁面加載完成之后，還會繼續(xù)調(diào)用（load不會）

將原生DOM轉(zhuǎn)換為jQuery封裝的DOM。
也可以傳入一個elementArray，來批量轉(zhuǎn)換一組原生DOM

傳入一個選擇器，并且可以限制范圍。返回一組匹配的元素。

據(jù)提供的原始 HTML 標(biāo)記字符串，動態(tài)創(chuàng)建由 jQuery 對象包裝的 DOM 元素。同時設(shè)置一系列的屬性、事件等。
也可以用來處理XML

設(shè)置或返回被選元素的屬性值。比如href,src,id,class
對應(yīng)attribute

設(shè)置或返回被選元素的狀態(tài)值?？梢岳斫鉃樵贾怠顟B(tài)。比如checked、disabled
對應(yīng)properties

早期是直接綁定在DOM對象上的。
目前如果瀏覽器支持HTML5，會在DOM元素上data-*讀取和存儲。

data-* 也可以DOM方法dataset來讀取或修改。

$.fn.get()等價于[]

get獲取到的是真是的DOM

eq獲得到的還是jQuery包裹的DOM對象。相應(yīng)的，還有其他方法可以獲取。

html()對應(yīng)innerHTML

text()對應(yīng)innerText

val()對應(yīng)value

前端培訓(xùn)-初級階段（17） - 數(shù)據(jù)存儲（cookie、session、stroage）

前端培訓(xùn)-初級階段（13） - 正則表達(dá)式

前端培訓(xùn)-初級階段（13） - 類、模塊、繼承

前端培訓(xùn)-初級階段（13） - ECMAScript （內(nèi)置對象、函數(shù)）

前端培訓(xùn)-初級階段（13） - ECMAScript （語法、變量、值、類型、運算符、語句）

前端培訓(xùn)-初級階段（13、18）

前端培訓(xùn)-初級階段（9 -12）

前端培訓(xùn)-初級階段（5 - 8）

前端培訓(xùn)-初級階段（1 - 4）

前端培訓(xùn)-中級階段（2） - 事件(event) 事件冒泡、捕獲 - （2019-06-20期）

前端培訓(xùn)-中級階段（3） - DOM 文檔對象模型（2019-06-27期）

前端培訓(xùn)-中級階段（4）- BOM 瀏覽器對象模型（2019-07-04期）

前端培訓(xùn)目錄、前端培訓(xùn)規(guī)劃、前端培訓(xùn)計劃