jquery$.fn的简单介绍
JQuery 的$.fn.extend定义的方法调用
!doctype html
在莱西等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供网站制作、网站建设 网站设计制作定制开发,公司网站建设,企业网站建设,成都品牌网站建设,营销型网站,成都外贸网站制作,莱西网站建设费用合理。
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对象,加上$()就行了!
或者发QQ邮件给我,我把整个demo给你!
jquery fn 是什么意思
这个是jquery插件的形式,举个例子:
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=
只是个jquery对象增加了一个方法,所以你这思路是不对的。
你要想在窗口变化时候做某些事还是要分开些的
1 做什么事
2 绑定触发
//1 定义
$.fn.myfunc = function(){
var $this = $(this);
//DOTO
}
//2 绑定
$(function(){
$(window).on("resize", function(){
$(this).myfunc();
});
});
jquery $.fn $.fx是什么意思
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。
如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了.
那么你可以这样子:$("#div").abc();
$.fx是指jquery的特效。
如果使用显示、滑动、淡入淡出、动画等。
jquery中$.fn.extend给对象添加对象方法问题
你好!
jQuery中通过extend()用来进行扩展,而又有jQuery.extend()和jQuery.fn.extend()两种用法。
jQuery.extend() 可以理解为jQuery类的扩展;
jQuery.fn.extend() 可以理解为jQuery实例的扩展,类似$("div")这种叫做实例,jQuery插件多基于这种方式扩展;
修改了下你的代码,如下:
!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类扩展一个名为obj的对象,将test赋值给它
$.extend({
obj:test
});
//为$.obj也就是前面的对象继续进行扩展,相当于为它追加了一个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测试test()/button
button测试okay()/button
/body
/html
只是对你的代码稍微做了调整,extend的使用都是基于jQuery对象的,不管是jQuery类或是jQuery实例。
希望对你有帮助!
网站标题:jquery$.fn的简单介绍
URL标题:http://myzitong.com/article/dsiisos.html