JQuery 技巧

1. 如何建立嵌套的過濾器

2. 如何重用元素搜尋

3. 任何使用has()來檢查某個元素是否包含某個類或是元素

4. 如何使用jQuery來切換樣式表

    $('link[media="screen"]').attr('href', 'Alternative.css');

5. 如何限制選擇範圍（基于優化目的）

6. 如何正确地使用ToggleClass

        //toggleClass允許你使用下面的語句來很容易地做到這一點      a.toggleClass('blueButton');

7. 如何設定IE特有的功能

    if ($.browser.msie) {        // Internet Explorer其實不那麼好用      }

8. 如何使用jQuery來代替一個元素

    $('#thatdiv').replaceWith('fnuh');

9. 如何驗證某個元素是否為空

    if ($('#keks').html().trim()) {        //什麼都沒有找到; 

10. 如何從一個未排序的集合中找出某個元素的索引号

11. 如何把函數綁定到事件上

12. 如何追加或是添加html到元素中

    $('#lal').append('sometext');

13. 在建立元素時，如何使用對象字面量（literal）來定義屬性

    var e = $("", { href: "#", class: "a-class another-class", title: "..." });

14. 如何使用多個屬性來進行過濾

15. 如何使用jQuery來預加載圖像

        //用法 $.preloadImages('p_w_picpath1.gif', '/path/to/p_w_picpath2.png', 'some/p_w_picpath3.jpg');

16. 如何為任何與選擇器相比對的元素設定事件處理程式

17. 如何找到一個已經被選中的option元素

    $('#someElement').find('option:selected');

18. 如何隐藏一個包含了某個值文本的元素

    $("p.value:contains('thetextvalue')").hide();

19. 如果自動滾動到頁面中的某區域

    jQuery.fn.autoscroll = function (selector) {          $('html,body').animate( { scrollTop: $(this ).offset().top },         500         );        //然後像這樣來滾動到你希望去到的class/area上。     $('.area_name').autoscroll();

20. 如何檢測各種浏覽器

    if( $.browser.safari) //檢測Safari      if ($.browser.msie && $.browser.version > 6 ) //檢測IE6及之後版本      if ($.browser.msie && $.browser.version <= 6 ) //檢測IE6及之前版本      if ($.browser.mozilla && $.browser.version >= '1.8' ) //檢測FireFox 2及之後版本

21. 如何替換串中的詞

    var el = $('#id'); el.html(el.html().replace(/word/ig, ''));

22. 如何禁用右鍵單擊上下文菜單

    $(document).bind('contextmenu', function (e) {           return false ;     });

23. 如何定義一個定制的選擇器

24. 如何檢查某個元素是否存在

    if ($('#someDiv' ).length) {       //你妹，終于找到了      }

25. 如何使用jQuery來檢測右鍵和左鍵的滑鼠單擊兩種情況

26. 如何顯示或是删除input域中的預設值

27. 如何在一段時間之後自動隐藏或關閉元素（支援1.4版本）

       //這是1.3.2中我們使用setTimeout來實作的方式

28. 如何把已建立的元素動态地添加到DOM中

   var newDiv = $('');         newDiv.attr('id', 'myNewDiv').appendTo('body');

29. 如何限制“Text-Area”域中的字元的個數

        //用法 $('#mytextarea').maxLength(500);

30. 如何為函數建立一個基本的測試

31. 如何在jQuery中克隆一個元素

    var cloned = $('#somediv').clone();

32. 在jQuery中如何測試某個元素是否可見

    if ($(element).is(':visible') ) {         //該元素是可見的 

33. 如何把一個元素放在螢幕的中心位置

       //這樣來使用上面的函數： $(element).center();

34. 如何把有着某個特定名稱的所有元素的值都放到一個數組中

    var arrInputValues = new Array();      $("input[name='table[]']").each(function () {         arrInputValues.push($(this ).val());

35. 如何從元素中除去HTML

        //用法： $('p').stripHtml();

36. 如何使用closest來取得父元素

    $('#searchBox').closest('div');

37. 如何使用Firebug和Firefox來記錄jQuery事件日志

38. 如何強制在彈出視窗中打開連結

39. 如何強制在新的頁籤中打開連結

40. 在jQuery中如何使用.siblings()來選擇同輩元素

        // 不這樣做

        //替代做法是

41. 如何切換頁面上的所有複選框

    var tog = false ;     // 或者為true，如果它們在加載時為被選中狀态的話

42. 如何基于一些輸入文本來過濾一個元素清單

43. 如何獲得滑鼠墊光标位置x和y

44. 如何把整個的清單元素（List Element，LI）變成可點選的

45. 如何使用jQuery來解析XML（基本的例子）

46. 如何檢查圖像是否已經被完全加載進來

47. 如何使用jQuery來為事件指定命名空間

48. 如何檢查cookie是否啟用

49. 如何讓cookie過期

50. 如何使用一個可點選的連結來替換頁面中任何的URL

       //用法　 $('p').replaceUrl();