本文由 发布,转载请注明出处,如有问题请联系我们! 发布时间: 2021-08-01jquery插件怎么写教程-jquery的ajax用法
加载中文中关键详细介绍怎样撰写JQuery软件,常见问题和务必做的流程。看了本文,相信你会搞清楚怎样撰写一个JQuery软件。
普及化JQuery专业知识。
专业知识1:用JQuery撰写软件时,有二种关键方式:
$.extend(object)能够解释为给JQuery加上了一个静态方法。
$.fn.extend(object)能够解释为向JQuery案例加上了一个方式。
基本上界定和启用:
/* $.拓展界定和启用。
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
$.extend ({fun1: function () {alert("实行方式一");} });
$ . fun 1();
/* $.fn .拓展界定和启用。
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
$ . fn . extend({ fun 2:fun(){ alert("实行方式2 ");} });
$(this . fun 2();
//等同于。
$.fn.fun3 = function () {alert("方式3 ");}
$(this . fun 3();
专业知识二:jQuery(function(){ });和(涵数($){ })(jQuery);差别取决于:
jQuery(function(){ });
//等同于。
$(文本文档)。ready(涵数(){ });
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
(涵数($){ })(jQuery);
//等同于。
var fn = function($){ };
fn(jQuery);
jQuery(function(){ });是载入DOM原素后实行方式中的编码。
(涵数($){ })(jQuery);界定了一个匿名函数,在其中jQuery表明匿名函数的具体主要参数。一般在JQuery软件开发设计中应用,它具有界定软件独享域的功效。
第三,开发设计JQuery软件的规范构造。1.界定范畴:要界定一个JQuery软件,最先要将软件编码放到不会受到外界影响的地区。更技术专业一点说,便是为这一软件界定一个独享范畴。外界编码不可以立即浏览软件內部的编码。软件內部的编码不容易环境污染局部变量。在某种意义上,它消除了软件和软件环境中间的相互依赖。说到这儿,怎样界定软件的独享范畴?
(涵数($){ 0
})(jQuery);
到迄今为止,事实上早已完成了一个简洁的JQuery软件。您可以用$ ("# domname ")启用这一软件。easyslider ({})或$(”。domname”)。easyslider ({})或大量。
3.设定初始值:界定一个JQuery软件,如同界定. net控制一样。一个完美无缺的软件应当具备灵便的特性。使我们看一下这一段编码:。输入框控制具备总宽和相对高度特性。应用输入框时,客户能够任意设定控制的相对高度和总宽,还可以不设定值,由于控制自身有初始值。当提前准备开发设计JQuery软件时,当客户沒有特定特性时,应当有一个初始值。在JQuery中,这一界定能够分三步完成。参照下列编码流程03-a和流程03-b。
//step01界定JQuery的修饰符。
(涵数($){ 0
//step 03-a软件的初始值特性。
var初始值= { 0
浏览:“浏览”,
前一个文字:“前一个”,
next id:“next Btn”,
下一个文字:“下一个”
//……
};
//step02软件的拓展方式名。
$.fn.easySlider =涵数(选择项){ 0
//step03-b合拼客户界定的特性,默认设置特性。
var选择项= $。拓展(初始值,选择项);
}
})(jQuery);
做程序流程的人喜爱自主创新,改用户标识符,转行这些。当您见到var defaults = {}用以表明默认设置特性时,您会想起在撰写JQuery软件的时候会各有不同,因而您应用var default01 ={},var default02 ={}来表明默认设置特性。随后,默认设置的特性名越来越愈来愈多,愈来愈差。因而,提议在撰写JQuery软件时,在界定默认设置特性时,应用defaults自变量来表明默认设置特性,那样编码易读性更强。
当有些人找到这行编码时:var options = $。extend(初始值,选择项),她们紧皱眉梢,表明很疑惑。使我们最先看一下下边的编码:
Var obj01 = {名字:“英文名字:samxiao”,年纪:29,女朋友:{名字:“yang”,年纪:29}}。
Var obj02 = {名字:“中文名字:肖剑”,女朋友:{名字:“YY”} };
var a = $。extend(obj01,obj 02);
var b = $。extend(true,obj01,obj 02);
var c = $。extend({},obj01,obj 02);
var d = $。extend(true,{},obj01,obj 02);
将编码拷贝到开发工具中,看看a,b,c和d的值,你也就会搞清楚var options = $。拓展(默认设置,选择项)。表明选择项遮盖初始值,并将该值赋给选择项。
在软件自然环境中,代表着客户设定的值会遮盖软件的初始值;假如客户沒有设定初始值特性,软件的初始值将被保存。
4.适用JQuery选择符:JQuery选择符是JQuery的一个出色特点。如果我们的软件不兼容JQuery Selector,确实很遗憾。为了更好地使人们的JQuery软件适用好几个选择符,大家的编码应当界定如下所示:
//step01界定JQuery的修饰符。
(涵数($){ 0
//step 03-a软件的初始值特性。
var初始值= { 0
浏览:“浏览”,
前一个文字:“前一个”,
next id:“next Btn”,
下一个文字:“下一个”
//……
};
//step02软件的拓展方式名。
$.fn.easySlider =涵数(选择项){ 0
//step03-b合拼客户界定的特性,默认设置特性。
var选择项= $。拓展(初始值,选择项);
//step4适用JQuery选择符。
this . each(function(){ 0
});
}
})(jQuery);
5.JQuery的适用连接启用:上边的编码看起来极致,实际上并沒有那麼极致。到迄今为止,不兼容连接启用。为了更好地做到连接启用的实际效果,务必回到循环系统的每一个原素。
//step01界定JQuery的修饰符。
(涵数($){ 0
//step 03-a软件的初始值特性。
var初始值= { 0
浏览:“浏览”,
前一个文字:“前一个”,
next id:“next Btn”,
下一个文字:“下一个”
//……
};
//step02软件的拓展方式名。
$.fn.easySlider =涵数(选择项){ 0
//step03-b合拼客户界定的特性,默认设置特性。
var选择项= $。拓展(初始值,选择项);
//step4适用JQuery选择符。
//step5适用链启用。
回到this . each(function(){ 0
});
}
})(jQuery);
仅有那样,界定才可以适用连接启用。比如,适用像$(”那样的启用。div”)。easyslider ({previd:" ",prev text:" })。CSS ({“外框-总宽”:“1”,“外框-色调”:“鲜红色”,“外框-底端款式”:)。
6.软件中的方式:完成一个软件的作用通常必须大批量的编码,可能是好几百,好几千乃至上万行。大家务必应用涵数来结构这一段编码。我还在第一点说过,软件中界定的方式不被外部立即启用,软件中界定的方式不容易环境污染环境因素。如今试着怎样在软件中界定一些方式:
//step01界定JQuery的修饰符。
(涵数($){ 0
//step 03-a软件的初始值特性。
var初始值= { 0
浏览:“浏览”,
前一个文字:“前一个”,
next id:“next Btn”,
下一个文字:“下一个”
//……
};
//step06-a界定软件中的方式。
var showLink =涵数(obj){ 0
$(obj)。append(function(){ return”(" $(obj))。attr(" href ") " " });
}
//step02软件的拓展方式名。
$.fn.easySlider =涵数(选择项){ 0
//step03-b合拼客户界定的特性,默认设置特性。
var选择项= $。拓展(初始值,选择项);
//step4适用JQuery选择符。
//step5适用链启用。
回到this . each(function(){ 0
//step06-b界定软件中的方式。
showLink(这一);
});
}
})(jQuery);