-
靜態(tài)方法： var BaseClass = function() {};// var BaseClass=new Function(); BaseClass.f1 = function(){//定義靜態(tài)方法，或者static定義的 alert(' This is a static method '); } BaseClass.f1();//This is a static method var instance1 = new BaseClass(); instance1.f1();//instance1.f1 is not a function 實(shí)例方法： 可以在實(shí)例上、原型引用上和構(gòu)造器的“this”上定義實(shí)例方法 在實(shí)例上定義demo如下： var BaseClass = function() {}; var instance1 = new BaseClass(); instance1.method1 = function(){ alert(' This is a instance method too '); } 直接定義在實(shí)例上的變量的優(yōu)先級(jí)要高于定義在“this”上的，而定義在“this”上的又高于 prototype定義的變量。 內(nèi)部方法： var BaseClass = function() { var method1 = function() {//內(nèi)部方法 alert("Internal method"); }; var method2 = function() {//內(nèi)部方法 alert("call Internal method"); method1(); }; this.method3 = function(){ method2(); } }; var instance1 = new BaseClass(); instance1.method1();// 會(huì)報(bào)錯(cuò)，因?yàn)閙ethod1是BaseClass中定義的內(nèi)部變量，作用域只有在內(nèi)部可見(jiàn)(閉包) instance1.method3();//會(huì)先后調(diào)用method2和method1查看全部
-
javascript可以通過(guò)操作符new來(lái)充當(dāng)類的構(gòu)造器。prototype是構(gòu)造函數(shù)的一個(gè)屬性, 該屬性指向一個(gè)對(duì)象。而這個(gè)對(duì)象將作為該構(gòu)造函數(shù)所創(chuàng)建的所有實(shí)例的基引用(base reference)。查看全部
-
類二new產(chǎn)生的a、b、c三個(gè)實(shí)例對(duì)象共享了原型的sayName方法，這樣的好處節(jié)省了內(nèi)存空間，類一則是要為每一個(gè)實(shí)例復(fù)制sayName方法，每個(gè)方法屬性都占用一定的內(nèi)存的空間。 除此之外類一的所有方法都是拷貝到當(dāng)前實(shí)例對(duì)象上。類二則是要通過(guò)scope連接到原型鏈上查找，這樣就無(wú)形之中要多一層作用域鏈的查找了。 所以jquery 是 new 的原型查看全部
-
(1) 解析HTML結(jié)構(gòu)。 (2) 加載外部腳本和樣式表文件。（加載不一定執(zhí)行） (3) 解析并執(zhí)行腳本代碼。（內(nèi)部，比如body中的，demo中前三個(gè)輸出就是） (4) 構(gòu)造HTML DOM模型。//ready (5) 加載圖片等外部文件。 (6) 頁(yè)面加載完畢。//load查看全部
-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="http://img1.sycdn.imooc.com//down/540812440001e40e00000000.js" type="text/javascript"></script> <script src="http://img1.sycdn.imooc.com//down/541f6ff70001a0a500000000.js" type="text/javascript"></script> <title>dom加載</title> </head> <body> <script type="text/javascript"> show('觀察腳本加載的順序') document.addEventListener("DOMContentLoaded", function() { show('DOMContentLoaded回調(diào)') }, false); window.addEventListener("load", function() { show('load事件回調(diào)') }, false); show('腳本解析一') //測(cè)試加載 $(function(){ show('腳本解析二') }) show('腳本解析三') </script> <body> </body> </html> 結(jié)果： 觀察腳本加載的順序 腳本解析一 腳本解析三 腳本解析二 DOMContentLoaded回調(diào) load事件回調(diào)查看全部
-
所以jQuery在結(jié)構(gòu)上的優(yōu)化不僅僅只是我們看到的，除了實(shí)現(xiàn)【類數(shù)組結(jié)構(gòu)】、【方法的原型共享】，而且還實(shí)現(xiàn)【方法的靜態(tài)與實(shí)例的共存】，這是我們之后將會(huì)重點(diǎn)分析的。查看全部
-
//定義了這個(gè)函數(shù)名為countChecked 的函數(shù) var countChecked = function() { //用n獲取被選中的checkbox個(gè)數(shù) var n = $( "input:checked" ).length; //下面給這個(gè)div內(nèi)容賦值。其中用n === 1 ? " is" : " are" 這個(gè)邏輯運(yùn)算，細(xì)節(jié)地處理了 //is還是are的選擇 $( "#t" ).text( n + (n === 1 ? " is" : " are") + " checked!" ); }; //turn on/turn off。 //on意思應(yīng)該就是打開(kāi)了被選中，選擇時(shí)調(diào)用叫countChecked 的函數(shù) $( "input[type=checkbox]" ).on( "click", countChecked );查看全部
-
jQuery.find(selector, self[i], ret) jQuery.unique(ret) jQuery.merge( this.constructor(), elems )查看全部
-
DOM文檔加載的步驟： 要想理解為什么ready先執(zhí)行，load后執(zhí)行就要先了解下DOM文檔加載的步驟： (1) 解析HTML結(jié)構(gòu)。 (2) 加載外部腳本和樣式表文件。 (3) 解析并執(zhí)行腳本代碼。 (4) 構(gòu)造HTML DOM模型。//ready (5) 加載圖片等外部文件。 (6) 頁(yè)面加載完畢。//load查看全部
-
不理解的可以看看這篇博客加深理解 http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html查看全部
-
搞事請(qǐng)啊查看全部
-
$('ele').click(function(){ var foo=$('ul.first').find('.foo'); foo.css('display','block'); foo.find('.bar').css('display','block'); })查看全部
-
jquery方法鏈?zhǔn)?$('input[type="button"]') .eq(0).click(function(){ alert('1'); }).end().eq(1) .click(function(){ $('input[type="button"]:eq(0)').trigger('click'); }).end().eq(2) .trigger(function(){ $('ele').hide('slow'); },function(){ $('ele').slow('slow'); })查看全部
-
原型方法 方法共享 aa.fn=aa.prototype={ name:'alice', init:function(selector){ this.selector=selector; return this; }, constructor: aa } aa.fn.init.prototype=aa.fn查看全部
-
jquejquery面對(duì)對(duì)象 實(shí)例化 function jquery(){ this.name='jquery'; this.sayname=function(){ return this.name } var a=new jquery(); var b=new jquery(); var c=new jquery(); } 原型 方法共享 屬性可私有 function jquery(){ this.name='jquery'; } jquery.prototype={ sayname:function(){ return this.name; } } var a=new jquery(); var b=new jquery(); var c=new jquery(); 原型鏈結(jié)構(gòu) $=function(selector,context){ return new jquery.fn.init(selector,context); } jquery.fn=jquery.prototype={ init:function(){ return this }, jquery:version, constructor:jquery, } var a=$();查看全部
舉報(bào)
0/150
提交
取消