jQuery入門學(xué)習(xí)筆記1

lakeside 發(fā)布于2019-08-02 15:22 / 1461人閱讀

摘要：首先明確是一個(gè)庫，它的類型是函數(shù)，這一點(diǎn)可以通過查看。判斷傳入的參數(shù)是還是返回具體的方法函數(shù)可將所有的添加一個(gè)可將所有的變?yōu)槿致暶?，它是一個(gè)函數(shù)，返回一個(gè)對(duì)象，對(duì)象內(nèi)有不同的方法，本文例子有個(gè)方法增加類名，修改節(jié)點(diǎn)內(nèi)容。

首先明確jQuery是一個(gè)JavaScript庫，它的類型是函數(shù)，這一點(diǎn)可以通過typeOf查看。需要注意的是，script引入方式是本地文件引入，如果是CDN引入，typeOf返回的結(jié)果是undefined


console.log(typeof jQuery);
function

jQuery的基本設(shè)計(jì)思想和主要用法，就是"選擇某個(gè)網(wǎng)頁元素，然后對(duì)其進(jìn)行某種操作"

因?yàn)镈OM選擇器使用起來比較麻煩，jQuery就是是通過封裝原生的DOM選擇器，讓我們使用起來更加方便快捷。

div

1、全局聲明window.jQuery，它是一個(gè)函數(shù)，返回一個(gè)對(duì)象，對(duì)象內(nèi)有不同的方法，本文例子有2個(gè)方法addClass（增加類名），setText修改節(jié)點(diǎn)內(nèi)容。

2、 jQuery 這個(gè)全局函數(shù)，接受一個(gè)參數(shù)，可以是node名或者是選擇器都可以，因?yàn)閖Query函數(shù)內(nèi)調(diào)用了原生的 document.querySelectorAll()

3、 jQuery函數(shù)已經(jīng)return了addClass和setText，所以可以直接訪問這兩個(gè)方法。$div.addClass("red")和 $div.setText("hi")

4、addClass函數(shù)增加類名的方式是原生的x.classList.add()，setText函數(shù)也是原生的x.textContent()方法，但是通過jQuery函數(shù)封裝后，增加類名和修改內(nèi)容，我們僅使用三四行代碼就可以實(shí)現(xiàn)。相比原生方法簡單了許多。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54081.html

相關(guān)文章

jQuery入門學(xué)習(xí)筆記1

摘要：首先明確是一個(gè)庫，它的類型是函數(shù)，這一點(diǎn)可以通過查看。判斷傳入的參數(shù)是還是返回具體的方法函數(shù)可將所有的添加一個(gè)可將所有的變?yōu)槿致暶?，它是一個(gè)函數(shù)，返回一個(gè)對(duì)象，對(duì)象內(nèi)有不同的方法，本文例子有個(gè)方法增加類名，修改節(jié)點(diǎn)內(nèi)容。首先明確jQuery是一個(gè)JavaScript庫，它的類型是函數(shù)，這一點(diǎn)可以通過typeOf查看。需要注意的是，script引入方式是本地文件引入，如果是CDN引入...

davidac 2019-08-23 18:15 評(píng)論0 收藏0
前端相關(guān)大雜燴

摘要：希望幫助更多的前端愛好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開發(fā)工程師當(dāng)你問起有關(guān)與時(shí)，老司機(jī)們首先就會(huì)告訴你其實(shí)是個(gè)沒有網(wǎng)絡(luò)請(qǐng)求功能的庫。前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡單原文地址：Learning React.js is easier than you think 原文作...

fuyi501 2019-08-22 13:46 評(píng)論0 收藏0
Laravel學(xué)習(xí)筆記三-前端工作流

摘要：本節(jié)將學(xué)習(xí)是如何利用形成一套完整的前端工作流模式的。你也可以使用下面命令來強(qiáng)制安裝所有模塊，不管該模塊之前是否安裝過由于國內(nèi)墻的原因，使用安裝會(huì)非常緩慢，慢到想切，不過還好，我們可以使用淘寶提供的國內(nèi)鏡像進(jìn)行下載。本節(jié)將學(xué)習(xí) Laravel 是如何利用 Sass, NPM, Gulp形成一套完整的前端工作流模式的。一、句法強(qiáng)大的樣式表Sass Sass 是一種可用于編寫CSS的語言...

liuchengxu 2019-06-27 15:14 評(píng)論0 收藏0
jQuery入門筆記之（七）插件

摘要：目前插件已超過幾千種，由來自世界各地的開發(fā)者共同編寫驗(yàn)證和完善。而對(duì)于開發(fā)者而言，直接使用這些插件將快速穩(wěn)定架構(gòu)系統(tǒng)，節(jié)約項(xiàng)目成本。也就是說，插件也是代碼，通過文件引入的方式植入即可?，F(xiàn)在我們就完成了一個(gè)下拉菜單的插件。插件(Plugin)也成為 jQuery 擴(kuò)展(Extension)，是一種遵循一定規(guī)范的應(yīng)用程序接口編寫出來的程序。目前 jQuery 插件已超過幾千種，由來自世界...

defcon 2019-08-19 17:44 評(píng)論0 收藏0
前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

摘要：特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請(qǐng)斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會(huì)及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...

princekin 2019-08-20 11:28 評(píng)論0 收藏0