摘要:前端最基礎(chǔ)的就是。前面我們已經(jīng)基本掌握常規(guī)的語(yǔ)法語(yǔ)義,以及基本的使用方法。等價(jià)于當(dāng)載入就緒執(zhí)行一個(gè)函數(shù)回調(diào)。返回一組匹配的元素。據(jù)提供的原始標(biāo)記字符串,動(dòng)態(tài)創(chuàng)建由對(duì)象包裝的元素。同時(shí)設(shè)置一系列的屬性事件等。
前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS),本著提升技術(shù)水平,打牢基礎(chǔ)知識(shí)的中心思想,我們開課啦(每周四)。
前面我們已經(jīng)基本掌握常規(guī)的語(yǔ)法語(yǔ)義,以及基本的使用方法。接下來(lái)我們講深入進(jìn)去了解其中內(nèi)在的原理。
也了解 DOM、BOM,但是因?yàn)橐?guī)范是一在變的,有沒(méi)有什么類庫(kù)可以方便操作這些呢?進(jìn)入我們今天的主題jQuery
這東西出來(lái)很久了,一般來(lái)說(shuō)都用過(guò)。提供一個(gè)速查地址
jQuery 設(shè)計(jì)的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。
jQuery 是一個(gè)跨瀏覽器(兼容所有常見(jiàn)瀏覽器,包括IE6)的工具庫(kù)。
提供了元素選取、元素操作、CSS操作、事件處理、動(dòng)畫、AJAX等功能。
鏈?zhǔn)讲僮鳎ê軆?yōu)秀)
高效、靈活的選擇器(id、class、tag、偽元素、attr、層級(jí))
插件機(jī)制
兼容主瀏覽器,提供了統(tǒng)一的功能接口
jQuery 插件機(jī)制
jQuery.fn.extend(object) 對(duì)應(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) 對(duì)應(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])
用一個(gè)或多個(gè)其他對(duì)象來(lái)擴(kuò)展一個(gè)對(duì)象,返回被擴(kuò)展的對(duì)象。
如果不指定target,則給jQuery命名空間本身進(jìn)行擴(kuò)展。這有助于插件作者為jQuery增加新方法。 如果第一個(gè)參數(shù)設(shè)置為true,則jQuery返回一個(gè)深層次的副本,遞歸地復(fù)制找到的任何對(duì)象。否則的話,副本會(huì)與原對(duì)象共享結(jié)構(gòu)。 未定義的屬性將不會(huì)被復(fù)制,然而從對(duì)象的原型繼承的屬性將會(huì)被復(fù)制。
jQuery 選擇器基本
#id 、 element 、 .class 、 * 、 selector1,selector2,selectorN
層級(jí)
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
可見(jiàn)性
: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
表單對(duì)象屬性
:enabled、:disabled、:checked、:selected
混淆選擇器
$.escapeSelector(selector)3.0+
這個(gè)方法通常被用在類選擇器或者ID選擇器中包含一些CSS特殊字符的時(shí)候,這個(gè)方法基本上與CSS中CSS.escape()方法類似,唯一的區(qū)別是jquery中的這個(gè)方法支持所有瀏覽器。
核心函數(shù),我認(rèn)為這是很優(yōu)秀的一個(gè)點(diǎn)。小小的$函數(shù),包含了我們想要的大多數(shù)功能。
jQuery(Function)等價(jià)于$.ready(Function)
當(dāng)DOM載入就緒執(zhí)行一個(gè)函數(shù)回調(diào)。可以避免當(dāng)頁(yè)面DOM還沒(méi)有加載就操作了DOM。(會(huì)報(bào)錯(cuò))
簡(jiǎn)單地說(shuō),這個(gè)方法純粹是對(duì)向window.load事件注冊(cè)事件的替代方法。不同的是可以綁定多次(addEventListener也可以綁定多次)。ready如果頁(yè)面加載完成之后,還會(huì)繼續(xù)調(diào)用(load不會(huì))
將原生DOM轉(zhuǎn)換為jQuery封裝的DOM。
也可以傳入一個(gè)elementArray,來(lái)批量轉(zhuǎn)換一組原生DOM
傳入一個(gè)選擇器,并且可以限制范圍。返回一組匹配的元素。
jQuery(html,[ownerDocument])據(jù)提供的原始 HTML 標(biāo)記字符串,動(dòng)態(tài)創(chuàng)建由 jQuery 對(duì)象包裝的 DOM 元素。同時(shí)設(shè)置一系列的屬性、事件等。
也可以用來(lái)處理XML
設(shè)置或返回被選元素的屬性值。比如href,src,id,class
對(duì)應(yīng)attribute
設(shè)置或返回被選元素的狀態(tài)值。可以理解為原始值、狀態(tài)。比如checked、disabled
對(duì)應(yīng)properties
早期是直接綁定在DOM對(duì)象上的。
目前如果瀏覽器支持HTML5,會(huì)在DOM元素上data-*讀取和存儲(chǔ)。
data-* 也可以DOM方法dataset來(lái)讀取或修改。
$.fn.get()、$.fn.eq、[]$.fn.get()等價(jià)于[]
get獲取到的是真是的DOM
eq獲得到的還是jQuery包裹的DOM對(duì)象。相應(yīng)的,還有其他方法可以獲取。
html()、text()、val()html()對(duì)應(yīng)innerHTML
text()對(duì)應(yīng)innerText
val()對(duì)應(yīng)value
微信公眾號(hào):前端linong 初級(jí)階段文章目錄前端培訓(xùn)-初級(jí)階段(17) - 數(shù)據(jù)存儲(chǔ)(cookie、session、stroage)
前端培訓(xùn)-初級(jí)階段(13) - 正則表達(dá)式
前端培訓(xùn)-初級(jí)階段(13) - 類、模塊、繼承
前端培訓(xùn)-初級(jí)階段(13) - ECMAScript (內(nèi)置對(duì)象、函數(shù))
前端培訓(xùn)-初級(jí)階段(13) - ECMAScript (語(yǔ)法、變量、值、類型、運(yùn)算符、語(yǔ)句)
前端培訓(xùn)-初級(jí)階段(13、18)
前端培訓(xùn)-初級(jí)階段(9 -12)
前端培訓(xùn)-初級(jí)階段(5 - 8)
前端培訓(xùn)-初級(jí)階段(1 - 4)
中級(jí)階段文章目錄前端培訓(xùn)-中級(jí)階段(2) - 事件(event) 事件冒泡、捕獲 - (2019-06-20期)
前端培訓(xùn)-中級(jí)階段(3) - DOM 文檔對(duì)象模型(2019-06-27期)
前端培訓(xùn)-中級(jí)階段(4)- BOM 瀏覽器對(duì)象模型(2019-07-04期)
資料前端培訓(xùn)目錄、前端培訓(xùn)規(guī)劃、前端培訓(xùn)計(jì)劃
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/54093.html
摘要:前端最基礎(chǔ)的就是。前面我們已經(jīng)基本掌握常規(guī)的語(yǔ)法語(yǔ)義,以及基本的使用方法。等價(jià)于當(dāng)載入就緒執(zhí)行一個(gè)函數(shù)回調(diào)。返回一組匹配的元素。據(jù)提供的原始標(biāo)記字符串,動(dòng)態(tài)創(chuàng)建由對(duì)象包裝的元素。同時(shí)設(shè)置一系列的屬性事件等。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS),本著提...
摘要:上節(jié)我們講了同源策略,這節(jié)我們講講如何跨域。當(dāng)這些從的腳本執(zhí)行出錯(cuò),因?yàn)檫`背了同源策略為了保證用戶信息不被泄露,錯(cuò)誤信息不會(huì)顯示出來(lái),取而代之只會(huì)返回一個(gè)。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS),本著提升技術(shù)水平,打牢基礎(chǔ)知識(shí)的中心思想,我們開課啦(每...
摘要:前端最基礎(chǔ)的就是。幫助從舊的事件方法轉(zhuǎn)換,和。方法移除用綁定的事件處理程序。特定的事件處理程序可以被移除元素上提供事件名稱,命名空間,處理函數(shù)。用于過(guò)濾器的觸發(fā)事件的選擇器元素的后代。事件觸發(fā)模擬觸發(fā)原生使用觸發(fā)。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS)...
摘要:前端最基礎(chǔ)的就是。幫助從舊的事件方法轉(zhuǎn)換,和。方法移除用綁定的事件處理程序。特定的事件處理程序可以被移除元素上提供事件名稱,命名空間,處理函數(shù)。用于過(guò)濾器的觸發(fā)事件的選擇器元素的后代。事件觸發(fā)模擬觸發(fā)原生使用觸發(fā)。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門,但也僅僅是入門,現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂(HTML/CSS/JS)...
閱讀 3404·2021-10-11 11:06
閱讀 2189·2019-08-29 11:10
閱讀 1949·2019-08-26 18:18
閱讀 3257·2019-08-26 13:34
閱讀 1562·2019-08-23 16:45
閱讀 1040·2019-08-23 16:29
閱讀 2801·2019-08-23 13:11
閱讀 3230·2019-08-23 12:58