顯示具有 jQuery 標籤的文章。 顯示所有文章
顯示具有 jQuery 標籤的文章。 顯示所有文章
2016-05-30

jQuery.extend()

›
常常在別人的 jQuery library 裡看到很多 jQuery function，應該要來瞭解一下。 第一個找簡單的 jQuery.extend()。 jQuery.extend() 功能簡單的講就是「 物件屬性的聯集 」，屬性包括 property 與 funct...
2014-07-23

jQuery Checkbox 全選與取消全選

›
會有這篇筆記，一切都是起因於 jQuery 1.6 做了一些衝動的事：改寫了 attr(...) 的用法，詳情太囉唆，請看以下網址： jQuery 1.6.1上場救援，不用改寫attr()囉 jQuery 1.6 .attr() 和 .prop() 也就是我習慣用的 a...
1 則留言:
2014-02-07

jQuery 與 Quirks Mode

›
最近遇到的問題， $(window).width() 與 $(window).height() 都回傳 0，但只限於 IE 某些版本，PM 最後鎖定是 Quirks Mode 才會有的問題。 Google 後發現， jQuery 1.8.1 以後就不支援 Quirks M...
2013-04-10

好用的 jQuery plugin - Validation

›
官網    文件 當開發的鐘擺愈往 client 端靠近時，server 端要負責的事情也漸漸地搬到 client 端，表單驗證就是一例。 使用者輸入資料送出，經過 server 進到資料庫，這過程至少有三個關卡可以做資料驗證。 從後面看回來，首先，資料庫是一定要檔的...
2012-09-09

LimeJS 的 mouseover 與 mouseout 有問題，結合 jQuery 來處理

›
剛摸 LimeJS，只知道他是基於 HTML 5，有兩種 Render Engine（DOM 與 CANVAS）。 只是想實做一個簡單的 mouseover 與 mouseout 來改變圖片，用了下面註解掉的 code，卻發現只有第一次有用，第二次以後圖片就不會再切換，加入 ...
2012-07-27

Hello Jsoup 1.6.3

›
處理 HTML 的好工具。 讀 HTML 有兩種方式： DOM Navigation - 幾乎是 DOM 與 jQuery 的 Java 版本，API 幾乎一樣 CSS Selector - 會 CSS 的就知道好用！ 除了讀，還可以寫，API 幾乎是 jQue...
2012-07-09

用 jQuery 種一顆簡單樹（Tree）

›
小時候要用 Javascript 做一個下面這種樹狀圖，應該要報個幾十個人天吧。 如果再加上右鍵功能，嗯，「PM，請給我幾個人月吧」！ 最大的問題應該出在瀏覽器相容性，以及少了一些很好用的 function 吧。 這些問題 jQuery 都解決了，所以...
2 則留言:
2012-07-05

Javascript closure

›
Javascript closure 對 Java programmer 來說是個陌生又奇怪的概念。 原本以為 closure 就是 callback function，可以將 function 當參數傳給別個 function，稍後可以執行，今天發現一個邏輯上的問題，才搞清...

Javascript function context - this 指的是誰？

›
在 Java 裡，this 指的是所在的 class instance，多半是在 method 裡呼叫 this；但是在 Javascript 裡，function 可以是 top-level object，也可以指派給某個物件，那 function 裡的 this 指的到底是...
2012-07-04

在 jQuery 驅動 Event

›
在 jQuery 驅動 Event 有四種方式： 系統或使用者驅動 嗯，就是...........你知道的。 $('div').trigger('click') 程式驅動，與上一種只差在沒有游標位置（mouse）或者按鍵資訊（key...

好用卻有點難懂的 jQuery live function

›
先講好用的部份，live 可以為尚未存在的 Dom 物件註冊 Event Listener，先不管怎麼辦到的，Ajax 是現在網頁的常客，當 Ajax 修改頁面時，還要為新增加的 Dom 物件註冊 Event Listener 就真的有點累，尤其是這些 Event Listene...

jQuery Event Object

›
有沒有按下 Alt、Ctrl 或 Shift 鍵？ altKey ctrlKey / metaKey shiftKey  true 表示按下，false 則沒有。 三個 target？ target - 案發地點，也就是 Event 被觸發的物件 curre...

jQuery unbind Event Listeners

›
為物件加上 Event Listener 是用 bind(...)，或者 click(...)、mouseover(...) 等簡易版的 bind(...)。 移除 Event Listener 是用 unbind(...)，有好幾種用法。 $('div.a...
2012-07-03

在 jQuery 用 mouseenter 與 mouseleave 取代 mouseover 與 mouseout

›
一般常用的 mouse 進出物件的 Event type 為 mouseover（進入）與 mouseout（離開），但是有兩個難用的地方： 沒有父層物件的概念 Event Bubbling $(function(){     $('div')....

用 jQuery 取得 Div 的寬度與高度（Width, Padding, Border, Margin）

›
這邊講的不一定是 div，所有 Block 物件都可以適用。 什麼是 Block 物件？ 簡單講就是會斷行的物件，像 div 或 p 都是；相對於 Block 物件的叫做 Inline 物件，也就是不會斷行的物件，像是 span 或 img。 有關 Block 物件的...

用 jQuery 取得 HTML 文件高度（Document）與瀏覽器視窗高度（Viewport）

›
文件高度（Document Height）指的是整篇 HTML 的高度，若少於瀏覽器 Viewport 高度則不會出現 Scrollbar，反之則會。 Document Height 是用 Javascript 提供的 document 物件來取得。 var h = $(...
2012-07-02

jQuery preventDefault, stopPropagation, and return false

›
Javascript Event 是某些狀況的發生而產生的因應，例如系統面的網頁載入完成或者使用者面的點擊了連結，有些反應是有「副作用」的，像是點擊了連結會開啟新的網址，或者按下 Submit 按鈕將 Form 送出，當然也有些反應不會有副作用，像是滑鼠移動或是載入網頁。 這...

Javascript Event Bubbling

›
Javascript 的 Event 會一路往外傳，例如 click 一個 div，至少三個 DOM 物件可能收到這個 click event。 $(function(){     $('*').click(function(e){         $(...
2011-04-22

什麼是 Google Libraries API？

›
以前在寫網頁時，如果要用到 jQuery 或者 jQuery ui，就很自然的連到 jQuery 官網下載最新版本的 jQuery，然後將 jquery-xxx.min.js 放到 project 裡，最後在網頁裡加上下面的程式就完工了。 <script type=...