一.摘要

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

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

二.前言

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

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

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

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

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

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

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

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

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

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

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

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

一.摘要

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

二.前言

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

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

一.摘要

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

二.前言

通過前面幾章我們已經(jīng)能夠完全控制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ū)別的. 
雖然我們設(shè)置了元素的src是相對路徑:images/image.1.jpg 
但是在"DOM屬性"中都會轉(zhuǎn)換成絕對路徑:http://localhost/images/image.1.jpg.

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

牢記, 在javascript中我們可以直接獲取或設(shè)置"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>

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

img1.className = "classB";

一.摘要

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

二.前言

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

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

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

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

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