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

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

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

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


console.log(typeof jQuery);
function

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

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

div

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

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/54081.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

princekin 2019-08-20 11:28 評論0 收藏0