Java程式員的JavaScript學習筆記（11——jQuery-在“對象”層面擴充），學習筆記jquery-

Java程式員的JavaScript學習筆記（11——jQuery-在“對象”層面擴充），學習筆記jquery-
計劃按如下順序完成這篇筆記：
1.    理念。
2.    屬性複製和繼承。
3.    this/call/apply。
4.    閉包/getter/setter。
5.    prototype。
6.    物件導向類比。
7.    jQuery基本機制。
8.    jQuery選取器。
9.    jQuery工具方法。
10.    jQuery-在“類”層面擴充。
11.    jQuery-在“對象”層面擴充。
12.    jQuery-延伸選取器。
13.    jQuery UI。
14.    擴充jQuery UI。
這是筆記的第11篇，我們將對$()返回的對象功能進行擴充，以豐富其屬性和功能，滿足我們的需要。
在第9篇（http://blog.csdn.net/stationxp/article/details/40480185）我們瞭解到jQuery.extend和jQuery.fn.extend其實定義相同。
調用者不同，才導致了兩個函數功能的差別(詳細機制請參見本筆記第3篇)。
上一篇我們研究了jQuery.extend，本篇重點研究jQuery.fn.extend。

/*
作者部落格：http://blog.csdn.net/stationxp
作者微博：http://weibo.com/liuhailong2008
轉載請取得作者同意
*/


1、jQuery.fn.extend擴充了誰？jQuery.fn.extend({});
上面語句調用者是jQuery.fn，jQuery.fn是誰？
看下面的jQuery源碼：

var// Define a local copy of jQuery// jQuery 即 jQuery()這個函數，即 $()這個函數jQuery = function( selector, context ) {// The jQuery object is actually just the init constructor 'enhanced'// init的傳回值，即jQuery的傳回值// 第7篇中我們分析了這行代碼，等同於：// var ret = {};// jQuery.fn.init.apply(ret,selector, context, rootjQuery);//以ret為上下文調用init方法// ret.prototype = jQuery.fn.init.prototype; //jQuery.fn.init.prototype隨後會被賦值為 jQuery.fn,這句好關鍵// return ret;return new jQuery.fn.init( selector, context, rootjQuery );},// jQuery.fn 是對jQuery原型的引用，原型中定義了init函數jQuery.fn = jQuery.prototype = {init: function( selector, context, rootjQuery ) {//...// init 函數返回的是 this[0]、this[1]方式返回的數組，是執資料列選取器的結果return jQuery.makeArray( selector, this );}};// Give the init function the jQuery prototype for later instantiation// 將jQuery.fn設定為jQuery選擇jQuery.fn.init.prototype = jQuery.fn;

以上代碼，簡而言之，jQuery.fn是$()函數返回值的原型對象。

在筆記的第2篇我們學習過，給對象的原型增加屬性或方法，對象也會自動獲得這些方法。

2、試試看2.1、擴充方法

<div id='x'>Bill</div><script>jQuery.fn.extend({greeting:function(){console.log('Hi, buddy! I am hailong\'s friend ' + this.text());}});$('#x').greeting();// Hi, buddy! I am hailong's friend Bill$.greeting();//error : no such method</script>

2.2、可以擴充屬性嗎？

<div id='b'>Bill</div><div id='s'>Steven</div><script>jQuery.fn.extend({lord : 'liuhailong ',name : 'jQuery Object'});console.log($('#b').lord); // output : liuhailongconsole.log($('#b').name); // output : jQuery Objectvar b = $('#b'),  s = $('#s');b.name = 'Bill';s.name = 'Steven';console.log(b.name,s.name); // output : Bill Steven </script>

正如我們期待的：完美支援。

3、可以做什嗎？有什麼用？可以實現任何你想實現的功能，發揮你的想象力吧！
java程式員javascript要掌握到什水平？

其實那些很炫效果網上都有原始碼，他們用的js架構，如jquery,和ajax架構，如dojo,extjs,dwr等 ，作為程式員只要會寫常用的javascript，如表單的驗證，樹形菜單，捲簾菜單等。和對常用的對象常用的方法必須熟悉，如document,widow,form.我在公司開發，花在前台的時間比背景時間多的多。程式員還要懂css,
 
現在作為一個java程式員，在項目開發中對於jQuery這個javascript架構會用到什方面的知識

jquery的話主要是操作前台的，如果你只是做背景話 通道的可能不會太多：
我只是說我所用到的啊
1：前台與後台進行無重新整理的操作從而達到資料的互動，當然也包過無重新整理上傳
2：如果你用jquert easyUI的話 可能用到json的就比較多了，無重新整理表格，無重新整理書，無重新整理下拉框，前台的所有空間都可以easyUI很簡單的就實現無重新整理，
3：提交表動的時候一些空間值的驗證了，諸如這些之類的，

如果說這些你們分工很明確的話 你這估計都不用謝，你只用後台返回json就行了，前台肯本就不用管

如果還有什麼不明白的話 請追問