jQuery widget是一些封裝好的組件,例如日期控件,可以直接用在項(xiàng)目中。

創(chuàng)新互聯(lián)公司是一家以重慶網(wǎng)站建設(shè)公司、網(wǎng)頁(yè)設(shè)計(jì)、品牌設(shè)計(jì)、軟件運(yùn)維、seo優(yōu)化排名、小程序App開(kāi)發(fā)等移動(dòng)開(kāi)發(fā)為一體互聯(lián)網(wǎng)公司。已累計(jì)為社區(qū)文化墻等眾行業(yè)中小客戶(hù)提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開(kāi)發(fā)服務(wù)。
然后jQuery是針對(duì)JS的一個(gè)封裝和加強(qiáng),它可以提供更便捷的交互性操作,例如更方便的選擇器等等。
jQuery widget是基于jQuery開(kāi)發(fā)的一系列組件。
我用jQuery UI來(lái)距離吧,其中有封裝好的很多widget,比如datepicker,當(dāng)你加載jQuery ui后,頁(yè)面寫(xiě)上相應(yīng)的datepicker的元素,在頁(yè)面生成時(shí)用JS初始化,即可將這個(gè)input元素顯示為一個(gè)選擇日期的圖標(biāo)等,點(diǎn)擊后可以選擇日期。
示例代碼:
script
$(function() {
$( "#datepicker" ).datepicker(); });
/script
pDate: input type="text" id="datepicker"/p
這樣即可生成一個(gè)最簡(jiǎn)單的datepicker元素。這邊你沒(méi)有看到任何的jQuery的正常操作語(yǔ)句,而是僅僅調(diào)用了.datepicker()方法即生成了一個(gè)日期選擇器,這就是widget。
在Vue.js中使用jquery插件需要利用ProvidePlugin導(dǎo)入jquery全局庫(kù)。1、在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。2、在模塊中使用的時(shí)候代碼如下:plugins:[//這里是需要導(dǎo)入的插件列表,定意思jquery為全局參數(shù)newwebpack.ProvidePlugin({$:'jquery',jquery:'jquery','window.jQuery':'jquery',jQuery:'jquery'})]也可以使用import的這種寫(xiě)法:importjQueryfrom'jQuery'ready:function(){varself=this;jQuery(window).resize(function(){self.$refs.thisherechart.drawChart();})},
組件屬于類(lèi)級(jí)別的開(kāi)發(fā),即給jQuery添加新的全局函數(shù),可以理解為添加靜態(tài)方法,相當(dāng)于給jQuery類(lèi)本身添加方法,如$.AJAX這個(gè)方法;
插件屬于對(duì)象級(jí)別的開(kāi)發(fā),即給jQuery對(duì)象添加方法。
(1)jQuery是一個(gè)js庫(kù),主要提供的功能是選擇器,屬性修改和事件綁定等。
(2)jQuery UI則是在jQuery的基礎(chǔ)上,利用jQuery的擴(kuò)展性,設(shè)計(jì)的插件。提供了一些常用的界面元素,諸如對(duì)話(huà)框、拖動(dòng)行為、改變大小行為等。
在運(yùn)用中會(huì)有閉包, 由于函數(shù)內(nèi)部定義變量作用域問(wèn)題,如果外部想用這個(gè)內(nèi)部函數(shù)創(chuàng)建的一個(gè)變量;那就需要在這個(gè)函數(shù)內(nèi)部在創(chuàng)建一個(gè)函數(shù),創(chuàng)建的這個(gè)函數(shù)相當(dāng)于一個(gè)橋梁把內(nèi)部外部函數(shù)的變量拋出,這樣就解決了不能訪問(wèn)這個(gè)變量的問(wèn)題,那這個(gè)內(nèi)部函數(shù)就稱(chēng)為閉包。
其具體特性如下:
a.函數(shù)內(nèi)再嵌套函數(shù)
b.內(nèi)部函數(shù)可以引用外層的參數(shù)和變量
c.參數(shù)和變量不會(huì)被垃圾回收機(jī)制回收
概括的說(shuō),閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù),在本質(zhì)上,它是將函數(shù)內(nèi)部和函數(shù)外部連接起來(lái)的一座橋梁。
新聞標(biāo)題:jquery組件,jquery組件傳值
文章網(wǎng)址:http://chinadenli.net/article42/dsedsec.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、外貿(mào)建站、App設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站建設(shè)、網(wǎng)站策劃
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)