轉載藍藍設計(   sillybuy.com  )是一家專注而深入的設計機構 ，為期望卓越的國內外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 、平面設計服務

來源：http://www.uisheji.com/161332.html

如果您想訂閱本博客內容，每天自動發(fā)到您的郵箱中，   請點這里

一.摘要

事件是腳本編程的靈魂. 所以本章內容也是jQuery學習的重點. 本文將對jQuery中的事件處理以及事件對象進行詳細的講解. 

二.前言

本篇文章是至今為止本系列內容最多的一篇, 足以可見其重要性.  大家反映要多列舉示例. 我會在時間允許的情況下盡量多列舉示例. 真正的投入生產使用的實例暫時還無法加入到文章中, 但是可能最后我會列舉一些作品供大家借鑒. 另外本人水平有限, 因為我不是UI設計師. 文章可能有錯誤的地方, 希望大家?guī)兔χ赋? 一起學習一起進步. 在技術的世界里我們是沒有任何利益瓜葛. 希望大家都抱著彼此鼓勵的心態(tài), 對于回復中的激進評論我也都會考慮, 但是希望能夠彼此尊重, 保護博客園這片程序員的凈土!

無論我們的實踐方式從哪個角度出發(fā)，有一點是無疑的：任何一個成功的設計方案都必須以產品功能的可行、可用、可靠為基礎。假設你已經有了一款可用的產品，并且希望為其注入更多能夠讓用戶在情感上為之吸引的元素，那么你應該做些什么呢？應該從何處入手？下面是我的十個建議，希望能夠幫你有效的提升網站或應用產品的體驗愉悅性。

一.摘要

本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學習.

二.前言

通過前面幾章我們已經能夠完全控制jQuery包裝集了,  無論是通過選擇器選取對象, 或者從包裝集中刪除,過濾元素. 本章將講解如何使用jQuery獲取和修改元素屬性和樣式.

三. 區(qū)分DOM屬性和元素屬性

一個img標簽:

<img src="images/image.1.jpg" id="hibiscus" alt="Hibiscus" class="classA" />

通常開發(fā)人員習慣將id, src, alt等叫做這個元素的"屬性". 我將其稱為"元素屬性". 但是在解析成DOM對象時, 實際瀏覽器最后會將標簽元素解析成"DOM對象", 并且將元素的"元素屬性"存儲為"DOM屬性". 兩者是有區(qū)別的. 
雖然我們設置了元素的src是相對路徑:images/image.1.jpg 
但是在"DOM屬性"中都會轉換成絕對路徑:http://localhost/images/image.1.jpg.

甚至有些"元素屬性"和"DOM屬性"的名稱都不一樣,比如上面的元素屬性class, 轉換為DOM屬性后對應className.

牢記, 在javascript中我們可以直接獲取或設置"DOM屬性":

    <script type="text/javascript">         $(function() {
            var img1 = document.getElementById("hibiscus");
            alert(img1.alt);
            img1.alt = "Change the alt element attribute";
            alert(img1.alt);
        })
    </script>

所以如果要設置元素的CSS樣式類, 要使用的是"DOM屬性"className"而不是"元素屬性"class:

img1.className = "classB";

一.摘要

在使用jQuery選擇器獲取到jQuery包裝集后, 我們需要對其進行操作. 本章首先講解如何動態(tài)的創(chuàng)建元素, 接著學習如何管理jQuery包裝集, 比如添加,刪除,切片等.

二.前言

本系列的2,3篇上面列舉了太多的API相信大家看著眼暈. 不過這些基礎還必須要講, 基礎要扎實.其實對于這些列表大家可以跳過, 等以后用到時再回頭看或者查詢官方的API說明.

本章內容很少, 主要講解動態(tài)創(chuàng)建元素和操作jQuery包裝集的各個函數(shù).

世界范圍內移動設備的使用數(shù)量在與日俱增。面對在跨越多個不同設備上創(chuàng)建良好web體驗的挑戰(zhàn)，現(xiàn)在已經存在多種解決方案。但是對于任何一個給定的項目，這些解決方案中哪個是最合適的？為了回答這個問題，《移動優(yōu)先》作者Luke以Bagcheck應用作為案例（注：Bagcheck是一家從事搜索與發(fā)現(xiàn)業(yè)務的創(chuàng)新型企業(yè)），解釋了選擇分別設計移動版和桌面版背后的原因，并通過對比提煉出四個優(yōu)化移動Web產品的建議。全文如下：

[核心提示] 我們時常聽到許多產品團隊提到“小步快跑，快速迭代”，但它到底指的是什么?對此不了解的同學可以看看這篇文章。

今天在微博上又一次看到有人轉發(fā)小馬哥的：“小步快跑，快速迭代”理論，剛好鄙人近期收集了一些快速迭代的資料，接下來結合自身的經驗來淺談產品的快速迭代方式。這篇文字可能會偏項目管理一些，不過我認為項目管理也是產品經理基本素質之一。

一.摘要

本章講解jQuery最重要的選擇器部分的知識. 有了jQuery的選擇器我們幾乎可以獲取頁面上任意的一個或一組對象, 可以明顯減輕開發(fā)人員的工作量.

二.前言

編寫任何javascript程序我們要首先獲得對象, jQuery選擇器能徹底改變我們平時獲取對象的方式, 可以獲取幾乎任何語意的對象, 比如"擁有title屬性并且值中包含test的<a>元素", 完成這些工作只需要編寫一個jQuery選擇器字符串. 學習jQuery選擇器是學習jQuery最重要的一步.

三.Dom對象和jQuery包裝集

無論是在寫程序還是看API文檔,  我們要時刻注意區(qū)分Dom對象和jQuery包裝集.

一.摘要

本系列文章將帶您進入jQuery的精彩世界, 其中有很多作者具體的使用經驗和解決方案,  即使你會使用jQuery也能在閱讀中發(fā)現(xiàn)些許秘籍.

本篇文章是入門第一篇, 主要是簡單介紹jQuery, 通過簡單示例指導大家如何編寫jQuery代碼以及搭建開發(fā)環(huán)境. 詳細講解了如何在Visual Studio中配合使用jQuery.

轉載請注明子秋出品!博客園首發(fā)!

二.前言

首先道個歉! "從零開始學習ASP.NET MVC"系列文章在即將介紹Filter時就沒有更新了, 原因就是最近我一直在研究和學習jQuery.看到本系列的名稱和文章標題, 看過我的MVC系列文章的人會感到很熟悉. 不久要給公司的人做培訓, 所以特意制作了本教程.

在寫作的同時我參考了網上jQuery的系列教程文章, 在博客園和Google上并沒有找到讓我滿意的系列教程. 我喜歡將知識系統(tǒng)的,深入淺出的講解.不喜歡寫那種"學習筆記"式的文章. 同時本系列將很快全部寫完(有工作壓力就是有動力), 隨后如果時間允許我會繼續(xù)更新MVC系列文章.再一次對等待MVC文章的朋友們說聲抱歉!

另外本系列文章的大部分知識點來源于圖靈出版社的"jQuery實戰(zhàn)"一書. 推薦大家購買此書, 是jQuery書籍中的經典之作.

下面讓我們開始jQuery之旅.

陳幼堅(Alan Chan)：香港著名設計師，獲獎無數(shù)。他的設計公司曾被美國GRAPHIS雜志評為全球十大設計公司之列，是惟一獲此殊榮的華人設計公司。他的海報和腕表被美國舊金山現(xiàn)代美術博物館納為收藏品。在設計師身份之外，陳幼堅也是一個資深的收藏家，他對于藝術品收藏同樣有自己的獨特之處。

　　導語：陳幼堅有很多個身份，設計師、藝術家、收藏家、畫廊主……這些身份在他身上羅列起來絲毫不覺得突兀，它們之間似乎存在著某種微妙的關系，將本來不相干的事變得順其自然。將這些身份串起來隱形的線就是興趣，這條線就像他的性格那樣隨意，那樣靈感層出。收藏本是莊重的事，陳幼堅的收藏卻像他的性格一樣靈活。