Terence-studio

html <span>&nbsp;</span> <p>In this paragraph is an <span>important</span> section</p> <div><input type="text" /></div> <a href="#">not special</a> script $("*", document.body).click(function (e) { 　　e.stopPropagation(); 　　var domEl = $(this).get(0); 　　$("span:first").text("Clicked on - " + domEl.tagName); }); 畫面上點到的東西都會顯示出他的標籤名稱， $("*", document.body).click(function (e) { 　　//當頁面上body裡的任一東西被按到之後，會執行以下 　　e.stopPropagation(); 　　//此行會中止底下.get()的向上爬 　　var domEl = $(this).get(0); 　　//當東西被按到時，會由目前的選項開始逐一的往上爬並呈現 　　//當按到input就會顯示input 、div 　　//所以我們只取得第一個 　　$("span:first").text("Clicked on - " + domEl.tagName); 　　//將結果的'標籤'寫入第一個span當中， });

html <div>One</div> <div>Two</div> <div>Three</div> map： 將目前相符集合中的每個元素傳入函式內 產生包含傳回值的新jquery物件 Script:map var cont = $('div').map(function(){ return $(this).text(); }); alert(cont) 會得到 [object Object] 因此，要將東西叫出來時，會使用 .get(),join() =================華麗的分隔線================= get: 取得jqyery物件所選取的dom元素 Script:get var cont = $('div').get(); alert(cont); 則會取得 [object HTMLDivElement],[object HTMLDivElement],[object HTMLDivElement] 將東西叫出來時，則使用 innerHTML

<div id="first">first</div> <div id="second">second</div> 出現的結果就是會有兩個div， 而點選每一個都有不同的結果， 要做出按不同的div，會有不同的訊息， 一般可以想到針對第一個，有msg1，第二個則是msg2 var msg1 = … 之類的 但是10個100個就累死人了， 可是在語法中，message只有一個， 表示每個按下去的div都有自己的message， 一般的想法會以為： var message = 'u click first';   //這裡定義 $('#first').bind('click',function(){  //這裡塞入     alert(message); }) var message = 'u click second';  //這裡定義新內容（同樣是message這個值） $('#second').bind('click',function(){  //這裡塞入     alert(message); }) 這樣的狀況下，並不如as當中一樣， 執行到哪就塞到哪並等著你， 因為， 最後按的時後，會去找到message（已經變second了） 因此，要塞入的方法就要改一下 Script var message = 'u click first'; $('#first').bind('click',{msg: message},function(event){     alert(event.data.msg); }) var message = 'u click second'; $('#second').bind('click', {msg: message} ,function(event){     alert( event.data.msg ); }) 如此一來，一定義就塞入，就各不相關， 跟as中，給物件一個值同道理...

首先，這是一個 CSS p { margin: 4px; font-size:16px; font-weight:bolder; cursor:pointer; } .blue { color:blue; } .highlight { background:red; } Script <p class="blue">Click to toggle (<span>clicks: 0</span>)</p> <p class="blue highlight">highlight (<span>clicks: 0</span>)</p> <p class="blue">on these (<span>clicks: 0</span>)</p> <p class="blue">paragraphs (<span>clicks: 0</span>)</p> 在這樣的狀況下，設定點擊即會增加後面的數字 /////////////////////////////// Script script var count = 0; $('p').click(function(){ count++; $(this).find('span').text('clicks: ' + count); $(this).toggleClass("highlight", count % 3 == 0); }) 可是，count只有一個，那麼當每個都當時，卻是全部的累加 (以下是每個p都點一下的結果) /////////////////////////////// Script使用了each var count = 0; $("p").each(function() { var $thisParagraph = $(this); var count = 0; $thisParag...

jQuery.extend(jQuery.expr[':'],{ 'num-children' : function(element, index, matches,set) { var count = 0; for (var node = element.firstChild; node; node= node.nextSibling) { if(node.nodeType === 1) { count ++; } } return count == matches[3]; } });

Axure 5.6 for mac Axure 5.6 for PC 一個網站企畫的工具，讓不懂網頁設計的人也可以快速的建立起具互動的架構， 並且可以發佈成HTML的格式， 以下是他的介面： 常用的工具包括了： Sitemap、Widgets、Masters、Annotations & Interactions 、pannel以及輸出：prototype Widgets 可以擴充，點擊並拖拉到介面上即可使用， 運用Master功能可以製作樣板， 利用互動來連結到不同的頁面， 輸出後即是一個有互動功能的頁面。 整體而言是一個不錯用的工具， 透過擴充還可以增加不同的風格物件， 但是沒有中文以及無法做細致的設計是我覺得美中不足吧 以下影片的內容是由 Luca Benazzi 所設計，為倫敦的使用者經驗設計師 Axure RP 網站原型示範- "Axure in Action" 看了影片可以發現這個網站所能做到的功能 其實滿強大的吧~

queue 就象是as中陣列的push一樣，依序的一個個放進去容器當中； dequeue 就是一個個取出來用，放了多少東西就能取多少，但是每一個 dequeue 只會叫一次；而clearQueue則是直接刪去陣列中的內容。 $('div').queue(function(){    $('div').fadeIn(); }) 以上無法呈現東西，只是填入容器而已，欲呈現得有 $('div').dequeue(); 才行