文中关键详细介绍怎样撰写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插件怎么写教程-jquery的ajax用法-第1张图片第三,开发设计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);

评论(0条)

刀客源码 游客评论