jquery如何封裝 jquery封裝插件自定義方法

如何封裝jquery插件

類級(jí)別的插件開(kāi)發(fā)最直接的理解就是給jQuery類添加類方法,可以理解為添加靜態(tài)方法。典型的例子就是$.AJAX()這個(gè)函數(shù),將函數(shù)定義于jQuery的命名空間中。

目前創(chuàng)新互聯(lián)公司已為成百上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁(yè)空間、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、河源網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。

要使用 fn 屬性創(chuàng)建一個(gè)新 jQuery 插件,只需要為 fn 屬性分配一個(gè)插件名,并將其指向一個(gè)充當(dāng)構(gòu)造函數(shù)的新函數(shù),類似于純 JavaScript。

在插件內(nèi)部,this指向的是當(dāng)前通過(guò)選擇器獲取的jQuery對(duì)象;而一般的方法如click()方法,內(nèi)部的this指向的是DOM元素。

編寫(xiě)插件的目的是給已經(jīng)有的一系列方法或函數(shù)做一個(gè)封裝,以便在其他地方重復(fù)使用,提高開(kāi)發(fā)效率和方便后期維護(hù)。在編寫(xiě)jQuery插件的時(shí)候,我們一般會(huì)遵循一些約定:jQuery插件推薦命名為:jquery.插件名.js。

jQuery的核心特性可以總結(jié)為:具有獨(dú)特的鏈?zhǔn)秸Z(yǔ)法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對(duì)CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。

二次封裝jqueryajax如何實(shí)現(xiàn)

相對(duì)于$.ajax()函數(shù)來(lái)說(shuō),$.post()函數(shù)更加簡(jiǎn)單和方便,但是只能通過(guò)POST的方式將數(shù)據(jù)參數(shù)提交到你需要虛擬訪問(wèn)的php文件。

首先,我們下來(lái)介紹$.ajax。該方法是 jQuery 底層 AJAX 實(shí)現(xiàn)。 通常的語(yǔ)法為: $.ajax([settings])//settings是$.ajax()方法的參數(shù),是用于配置 Ajax 請(qǐng)求的鍵值對(duì)集合。

jQuery 底層 AJAX 實(shí)現(xiàn)。簡(jiǎn)單易用的高層實(shí)現(xiàn)見(jiàn) .get,.post 等。.ajax()返回其創(chuàng)建的XMLHttpRequest對(duì)象。大多數(shù)情況下你無(wú)需直接操作該對(duì)象,但特殊情況下可用于手動(dòng)終止請(qǐng)求。

$選擇器--是如何將DOM封裝成jquery對(duì)象

jQuery 對(duì)象是通過(guò) jQuery 包裝DOM 對(duì)象后產(chǎn)生的對(duì)象。

(this)是將當(dāng)前don對(duì)象轉(zhuǎn)換成jquery對(duì)象 ;一般定義jquery變量習(xí)慣$開(kāi)頭,提高可讀性而已。(this)是把DOM對(duì)象封裝成jquery對(duì)象,其相當(dāng)于一個(gè)集合。

選取DOM元素 jQuery的核心是通過(guò)各種選擇器,選中DOM元素,可以用querySelectorAll方法模擬這個(gè)功能。

首先來(lái)看看什么是選擇器。//根據(jù)id獲取jQuery對(duì)象 var jQueryObject=$(#testDiv);上例中使用了id選擇器,選取id為testDiv的DOM對(duì)象并將它放入jQuery對(duì)象,最后返回了一個(gè)jQuery對(duì)象。

關(guān)于頁(yè)面元素的引用 通過(guò)jquery的$()引用元素包括通過(guò)id、class、元素名以及元素的層級(jí)關(guān)系及dom或者xpath條件等方法,且返回的對(duì)象為jquery對(duì)象(集合對(duì)象),不能直接調(diào)用dom定義的方法。

jQuery獲取元素 不管一個(gè)還是多個(gè)都是返回一個(gè)數(shù)組 即將獲取的元素放在一個(gè)數(shù)組對(duì)象中。

本文標(biāo)題:jquery如何封裝 jquery封裝插件自定義方法
分享地址:http://bm7419.com/article3/dijgiis.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、標(biāo)簽優(yōu)化做網(wǎng)站、網(wǎng)站營(yíng)銷用戶體驗(yàn)、網(wǎng)站收錄

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)