国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端培訓(xùn)-中級(jí)階段(5)- jQuery的概念與基本使用(2019-07-11期)

church / 2865人閱讀

摘要:前端最基礎(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

jQuery

這東西出來(lái)很久了,一般來(lái)說(shuō)都用過(guò)。提供一個(gè)速查地址

jQuery 簡(jiǎn)介

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

jQuery 的特點(diǎn)

鏈?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 選擇器

基本
#idelement.class*selector1,selector2,selectorN

層級(jí)
ancestor descendantparent > childprev + nextprev ~ 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è)方法支持所有瀏覽器。

jQuery()

核心函數(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ì))

jQuery(element)

將原生DOM轉(zhuǎn)換為jQuery封裝的DOM
也可以傳入一個(gè)elementArray,來(lái)批量轉(zhuǎn)換一組原生DOM

jQuery([selector,[context]])

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

jQuery(html,[ownerDocument])

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

$.fn.attr()$.fn.prop()$.fn.data() $.fn.attr()

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

$.fn.prop()

設(shè)置或返回被選元素的狀態(tài)值。可以理解為原始值、狀態(tài)。比如checkeddisabled
對(duì)應(yīng)properties

$.fn.data()

早期是直接綁定在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

相關(guān)文章

  • 前端培訓(xùn)-中級(jí)階段5)- jQuery概念基本使用2019-07-11

    摘要:前端最基礎(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),本著提...

    HmyBmny 評(píng)論0 收藏0
  • 前端培訓(xùn)-中級(jí)階段11、12)- 跨域請(qǐng)求原理以及實(shí)現(xiàn)(2019-08-22

    摘要:上節(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í)的中心思想,我們開課啦(每...

    binaryTree 評(píng)論0 收藏0
  • 前端培訓(xùn)-中級(jí)階段(6)- jQuery事件綁定鏈?zhǔn)讲僮骷霸恚?em>2019-07-25

    摘要:前端最基礎(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)...

    Airy 評(píng)論0 收藏0
  • 前端培訓(xùn)-中級(jí)階段(6)- jQuery事件綁定鏈?zhǔn)讲僮骷霸恚?em>2019-07-25

    摘要:前端最基礎(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)...

    sutaking 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<