JQuery 的$.fn.extend定義的方法調(diào)用

!doctype?html

在萊西等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站制作、網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營(yíng)銷型網(wǎng)站,成都外貿(mào)網(wǎng)站制作,萊西網(wǎng)站建設(shè)費(fèi)用合理。

html?lang="en"

head

meta?charset="UTF-8"

titleDocument/title

script?src="jquery.js"/script

script

jQuery(function(){

jQuery.prototype.smohanfacebox?=?function(options){ ???

options?=?jQuery.extend({

init:function(){

console.log('default?init');

}

},options);

//?call?init?with?each?selected?element

jQuery(this).each(function(){

options.init.call(this);

});

return?jQuery(this);

};

//?call?init?function?with?default?define

jQuery('div').smohanfacebox();

//?call?init?function?with?custom?define

jQuery('div').smohanfacebox({

init:function(){

console.log(jQuery(this).attr('id'));

}

});

});

/script

/head

body

div?id="1"/div

div?id="2"/div

div?id="3"/div

/body

/html

jquery $.fn.xx.xx this指向的問題

這里的this指向的是Jquery對(duì)象，加上$()就行了！

或者發(fā)QQ郵件給我，我把整個(gè)demo給你！

jquery fn 是什么意思

這個(gè)是jquery插件的形式，舉個(gè)例子：

div id="myDiv"/div

(function($){

$.fn.extend({

test:function(){

alert($(this).attr('id'));

}

})

})(jQuery)

$('#myDiv').test();

打印出 : myDiv

(function($){

$.extend({

test:function(){

alert('111');

}

})

})(jQuery)

$.test();

打印出：111

前者是綁定在頁面元素上的插件，后者是 綁定在jquery上的插件。

jQuery 中 $.fn 的問題

這是不行的$.fn.myfunc=

只是個(gè)jquery對(duì)象增加了一個(gè)方法，所以你這思路是不對(duì)的。

你要想在窗口變化時(shí)候做某些事還是要分開些的

1? 做什么事

2 綁定觸發(fā)

//1?定義

$.fn.myfunc?=?function(){

var?$this?=?$(this);

//DOTO

}

//2?綁定

$(function(){

$(window).on("resize",?function(){

$(this).myfunc();

});?????????

});

jquery $.fn $.fx是什么意思

$.fn是指jquery的命名空間，加上fn上的方法及屬性，會(huì)對(duì)jquery實(shí)例每一個(gè)有效。

如擴(kuò)展$.fn.abc(),即$.fn.abc()是對(duì)jquery擴(kuò)展了一個(gè)abc方法,那么后面你的每一個(gè)jquery實(shí)例都可以引用這個(gè)方法了.

那么你可以這樣子：$("#div").abc();

$.fx是指jquery的特效。

如果使用顯示、滑動(dòng)、淡入淡出、動(dòng)畫等。

jquery中$.fn.extend給對(duì)象添加對(duì)象方法問題

你好！

jQuery中通過extend()用來進(jìn)行擴(kuò)展，而又有jQuery.extend()和jQuery.fn.extend()兩種用法。

jQuery.extend() 可以理解為jQuery類的擴(kuò)展；

jQuery.fn.extend() 可以理解為jQuery實(shí)例的擴(kuò)展，類似$("div")這種叫做實(shí)例，jQuery插件多基于這種方式擴(kuò)展；

修改了下你的代碼，如下：

!DOCTYPE?HTML

html

head

meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/

script?src="./jquery-1.11.1.min.js"/script

script

function?test(){

console.log('init');

};

//給jQuery類擴(kuò)展一個(gè)名為obj的對(duì)象,將test賦值給它

$.extend({

obj:test

});

//為$.obj也就是前面的對(duì)象繼續(xù)進(jìn)行擴(kuò)展，相當(dāng)于為它追加了一個(gè)okay方法

$.extend($.obj,{

'okay':function(){

console.log('okay');

}

});

$(function(){

$("button:eq(0)").click(function(){

$.obj();

});

$("button:eq(1)").click(function(){

$.obj.okay();

});

});

/script

/head

body

button測(cè)試test()/button

button測(cè)試okay()/button

/body

/html

只是對(duì)你的代碼稍微做了調(diào)整，extend的使用都是基于jQuery對(duì)象的，不管是jQuery類或是jQuery實(shí)例。

希望對(duì)你有幫助！

網(wǎng)站欄目：jquery$.fn的簡(jiǎn)單介紹
文章路徑：http://chinadenli.net/article3/dsiisos.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、自適應(yīng)網(wǎng)站、網(wǎng)站收錄、、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站建設(shè)

廣告

聲明：本網(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í)需注明來源： 創(chuàng)新互聯(lián)