C++博客-::梁乔峰::明镜台::原创空间::C#.NET2.0,C++技术BLOG-随笔分类-Jquery學習筆記

JQUERY实战一

梁乔峰 — Wed, 24 Jun 2009 14:04:00 GMT

汗！居然有人说我写的东西是抄的，就算我写错了，讲错了，我都不会抄人家的东西的，所以放心，我这里没有转载的东西，有的都是本人的作品。所以无奈唯有加上；::梁乔峰::明镜台::原创空间::C#.NET2.0,C++技术BLOG转载请保留

前段时间写了JQUERY的学习笔记，后来发现其实没啥好写的，之前自己写过一篇感觉不怎么满意的，所以删掉了。这篇写实战吧，就以这个网站作为范例，www.seiey.com 这个也笔者近期做的网站，这个网站内实现的动画通篇都是用JQUERY实现的。应用的JQUERY的一些组件，并且做出了部分的扩扩展，网站内的JS没有加密的，至少现在没有加密呵呵，而且因为设计师要求效果比较高，所以很多都只能用PNG24的图片去实现，所以装载有但慢。
        汗，还想写下我那个实际应用的。但发现开始写的时候才想起自己，都不知道说些什么，代码贴？那个很无聊啊。内容解析。。。你只要上了那个网下载下来。。。里面有很详细的注释，并且整个页面都是HTML的。。。所以笔者在这里。。。耍下无赖。。。

        想先看到的。。。去网站哪里抓哈哈，24号上这个网的话，可能是1个星期前的不完整版本，我想明天下午才把部分的BUG。。修改了，再放上服务器。

        想学东西。。自己动手学下如何从别人网站上偷师。。。。方法--->打开IE输入网址：www.seiey.com -->页面-->另存为-->保存为HTML

梁乔峰 2009-06-24 22:04 发表评论

Jquery學習筆記（二）---- 強大的選擇器

梁乔峰 — Sun, 31 May 2009 16:58:00 GMT

摘要: 明鏡臺原創（轉載請保留） 1、Jquery學習筆記（一）---- 前言2、Jquery學習筆記（二）---- 強大的選擇器 JQuery的選擇器十分強大，本章主要講的是如何靈活應用選擇器。根據手冊，選擇器被分為以下9類。分別是：1、基本；2、層級；3、基本對象屬性；4、內容；5、可見性；6、屬性；7、子元素；8、表單；9、表單對象屬性；注意：所有的選擇都是返回對象數組；返回值:Array&l... 阅读全文

梁乔峰 2009-06-01 00:58 发表评论

Jquery學習筆記（一）---- 前言

梁乔峰 — Tue, 26 May 2009 04:10:00 GMT

明鏡臺原創（轉載請保留）
1、Jquery學習筆記（一）---- 前言

2、Jquery學習筆記（二）---- 強大的選擇器

之所以寫這篇BLOG其實是有原因的（見Microsoft Visual Studio 心情记录），本來想完成了我的LUA后再開始寫的，但是我擔心完成LUA那個系列的BLOG后自己沒有心情寫這篇了。本文很多觀點來自JQuery實戰，部分示例也是，但是我將會在ASP.NET2.0下實現，JQuery的示例是在html或者PHP下。所有示例我都親手敲一次代碼，并進行了一定的改進。。不會侵權吧，我怎么說都花了￥49RMB的。。買了實體書咯。

---------------來自維基百科----------------
jQuery是一款免费且开放源代码的JavaScript代码库，由John Resig创建。

授权协议为GPL和MIT许可证双协议。

jQuery 1.3版中，引入全新的CSS选择器引擎Sizzle。[1]同时不再提供Packed版本，因为解压缩的消耗的时间，远大于所节省的下载时间，且不利于Debug，且已有Google AJAX Libraries API等公开站台提供jQuery的js的引用服务，故Packed版本原本的优点已荡然无存。

     JQuery目前最新的是1.3.2版本，這個版本你可以找到三類文件，分別是：jquery-1.3.2-vsdoc.js，jquery-1.3.2.js，jquery-1.3.2.min.js

     jquery-1.3.2-vsdoc.js 是VS的智能感知版本，但這個版本只能用于智能感知，在瀏覽狀態下這個JS存在不少的BUG，但在開發期能幫我們大大的提高輸入代碼的準確率。實際應用一定要替換為Min版本。
     jquery-1.3.2.js 無壓縮，無智能感知版。這個版本比較大，一般頁面應用比較少，會影響頁面加載。代碼開源。。有興趣可以打開這個文件仔細的看一下，偶是沒這個勇氣的了。
    jquery-1.3.2.min.js 是最常用的版本，在 1.2時期這個壓縮版才27K，但是在1.3版有57K,原因就是我在題頭因用的百科中說明了。

這三個文件我們都了解了，那么我們在來了解一下，幾個新的定義

1、什么是JQuery，JQuery是一個代碼庫，并且有非常多居于它的插件，最大的特點是有，跨瀏覽器支持，簡單第封裝DOM操作等。。想知道更多，可以在GOOGLE里自己找。

2、不唐突的JavaScript；在JQuery里提倡這樣的JavaScript，到底什么是不唐突的JavaScript呢。其實就是實現JS代碼和HTML代碼分離，在過去我們習慣的做法是在標記里加入on****=的屬性來進行JS交互，在JQuery你將可以在HTML代碼不在出現這樣的東西，你也能輕松的令JS進行交互。真正實現樣式，腳本，標記“三權分立”

3、JQuery強大的選擇器，在過去我們使用DOM的時候，我們只能通過ID去或者標記去找對象，你在JQuery上你可以用CSS來找對象，可以用標記去找，甚至支持查詢方式去查找對象。。強大的選擇器是JQuery的一大特色，也是其中一個重點，我將會有一章詳細描述。

4、JQuery的鏈式操作在JQuery你將可以令對象好像鏈子那樣一直寫下去。
ag：block.css('display', 'none').addClass('ThreeCategory').appendTo(target).slideDown();

5、Ajax。。在Ajax橫行的今天不支持這個東西，怎么行。JQuery對Ajax的支持也十分強大，支持了我們傳說中的JSON數據分裝，使Ajax操作更加隨心所欲。

6、事件模型，事件其實就是 JS的其中一個核心，我們使用JS很大程度上就是因為她的事件模型。要徹底了解JQuery必須了解他的事件模型。

7、動畫效果，在JQuery里有兩個我們經常會使用的動畫效果分別是：滑動效果，淡入淡出，靈活的使用這兩個功能會令體檢更加豐富。

8、如何擴展JQuery，這個是個重點，我們使用JQuery目標是要簡化JS的復雜度，但JQuery庫畢竟不是萬能的，部分東西還是需要我們自己去編寫，這個擴展JQuery就是令你寫的JS更好的集成到JQuery。同時那些JQuery插件也是利用了擴展JQuery，所以不懂擴展就不能說懂得JQuery

9、強大插件，了解JQuery的插件，或許你想要的效果，這些插件已經幫你實現了，既然能站在巨人的肩膀上，為什么不去依靠巨人。所謂靠山吃山，靠海吃海，考老豆就吃老豆。。。多點了解JQuery可以令你開發速度提速

這篇前言就到這里。。。。下面將正式開始JQuery之旅

梁乔峰 2009-05-26 12:10 发表评论