Re: [心得]從 js 到 jQuery 之三：可怕的事件叢林

看板Web_Design作者darKyle (飄向星空)時間17年前 (2008/08/09 06:53)推噓1(1推 0噓 6→)

留言7則, 1人參與討論串2/2 (看更多)

※ 引述《ybite (小犬)》之銘言： : 恕刪 : ※ 引述《TonyQ (沉默是金)》之銘言： : : ＠那能不能讓他不要觸發上級的元素呢？ : : 可以 ,對事件方法 return false ; 告訴他我執行到這裡就結束. : : ex. $("[type=button]").click(function(e){return false;}); : 這樣寫比較好吧？至少比較好懂 : $("input[type=button]").click(function(e){return false;}); : 還是這算是我龜毛? XD 其實可以直接用$(':button') 還有:text, :password,:submit...etc http://docs.jquery.com/Selectors : 來解決一下原文click太多的問題 : * 一個使用頻率頗高的Event是ready，尤其是$(document).ready() : 可以做為window.onload的完美替代 : 以下的「頁面載入好」技術上而言是指DOM已經可以使用了 : jQuery手冊中講「JS code得在這之後跑的機率是99.9%」 XD : (http://docs.jquery.com/Events/ready#fn) : $(document).ready( : function() : { : $('#content').html('頁面載入好後，<strong>置換HTML的內容</strong>'); : $('#not-secret').hide(); /* 頁面載入好後隱藏內容 */ : } : ); 根據我查到的資料 window.onload和$(document).ready()的差別在於後者在DOM建好後就開始執行而前者是等到頁面整個讀完(包括圖片)才執行另外$(document).ready()還有超懶人縮寫法 $(function(){}); 沒錯 $()裡面放直接放function就好了XD : : 相依性最常見的用途在於檢查表單資料是否正確填寫 , : : 我們可以透過 : : $("form").submit( : : function(e){ : : if($("#inputdata").val()=="") //如果某個input text是空白 : : return false; //我就不submit了 : : } : : ); : 坦白講，我發現jQuery在Event這一塊是我不太常用的部分 : 我是個非常慣用HTML中onxxxx系列Attribution的人 Orz 參考一下 http://en.wikipedia.org/wiki/Unobtrusive_JavaScript Unobtrusive Javascript的概念是把(X)HTML和Javascript分開用jQuery可以很容易地達到高度模組化用來實作Hijax也是非常簡單 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.119.205.20

推

TonyQ

08/09 13:42, , 1^F

08/09 13:42, 1^F

→

TonyQ

08/09 13:50, , 2^F

08/09 13:50, 2^F

→

TonyQ

08/09 13:51, , 3^F

08/09 13:51, 3^F