一.摘要

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

本篇文章講解如何使用jQuery方便快捷的實現(xiàn)Ajax功能.統(tǒng)一所有開發(fā)人員使用Ajax的方式.

二.前言

Ajax讓用戶頁面豐富起來, 增強了用戶體驗. 使用Ajax是所有Web開發(fā)的必修課. 雖然Ajax技術并不復雜, 但是實現(xiàn)方式還是會因為每個開發(fā)人員的而有所差異.jQuery提供了一系列Ajax函數來幫助我們統(tǒng)一這種差異, 并且讓調用Ajax更加簡單.

藍藍注：很久以前，有一個很好的朋友去國內的內觀中文呆了十天，回來后的他與以前不同，多了一些寂靜觀喜，總是以喜悅的態(tài)度去看人事物，不糾結，不為難自己，也不強求別人。他一直對我們講要我們也去禪修一下。我口上答應著，內心嘀咕著：去哪兒修行嗎？對公司、對工作、對家庭有好處嗎？十天很久也。

今天看到這篇文章，有心人去哪里都有領悟，能以文章表示出來，是一種能力。

這文中三點：1、與其相信用戶告訴你他要什么，不如靠自己的對產品的覺知——用戶觀察為先不一定正確。

我是這樣理解的：覺知比理性調查更有用，有人信覺知，有人信調查。你問出答案，對方回答出來的未必是真心的，有可能說慌。有一部片子 lie to  me，是講以人的身體語言去覺知人的思想的，高水平的覺知可看透人心。

2、平等地去看待假設，它們本質上是沒有區(qū)別的——保持對他人的同理心

我是這樣理解的：事無對錯，只看從什么角度對看，產品經理保持無區(qū)別心的對待，從各角度理解體察，能理解別人，海納百川，從善如流。

3、以慈悲的態(tài)度對待用戶，人性化的設計——拒絕被動的用戶黏度

我是這樣理解的：不強迫用戶，用吸引的方式達成，不用推薦及強買強賣達成。

轉載藍藍設計(   www.alimai.net  )是一家專注而深入的設計機構 ，為期望卓越的國內外企業(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包裝集的各個函數.

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

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

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