JQuery的幾個有用的技巧

JQuery程式碼

/* 新視窗開啟連結：JQuery filter attr
* 禁止滑鼠彈出右鍵選單：DOM contextmenu
* 回到頁面頂端：DOM scrollTo
* 動態更換頁字體大小： Css html.css parseFloat
*/
//確定DOM載入完成
$(document).ready(function () {

   /* 連結的href屬性以http開頭連結*的都在新視窗中開啟* /
   // ^ 過濾器，屬性：以特定字串開始
   $("a[href ^='http']").attr("target", "_blank");

   /* 禁止滑鼠/
   //DOM的contextmenu是滑鼠右鍵選單
   $(document).bind("contextmenu", function (e) {
      alert((" right-cing!"  也就是說右鍵選單不出來
       return false;
   });

   /* 回到頁頂端*/
   //id="top$" 的元素的 返回頁頂端*/
   //id="top$" 的元素的function () {
       //回到頁頂端
       $(document).scrollTo(0, 500);
   });


* href的值換掉了link標籤的href屬性值
   $("a.cssSwap").click(function(){
       $("link[rel=stylesheet]").attr("href",$(this) .attr("rel"));
   });


   /* 頁面字體大小的放大、縮小、還原*/
   //取得字體大小，並在html標記下定義了font-size
   //獲取字體大小，並在html標記下定義了font-size
Font Font. ("html").css("font-size");
   //恢復預設字體大小
   $(".resetFont").click(function () {
       $("html").css("html").css("html").css("html"). size", originalFontSize);
       //javaScript不向下執行
       return false;
   });ase
的click(function () {
       //取得目前字體大小後綴px,pt,pc
       var currentFontSize = $("html").css("font-size");
   類型去除字尾
       var currentFontSizeNumber = parseFloat(currentFontSize);
       //新定義的字型大小
 重寫樣式表
       $("html").css("font-size" , newFontSize);
       //Javascript不向下執行
       return false;
   });

cre  //減小字體， tion () {
       //取得目前字體大小後綴px,pt,pc
       var currentFontSize = $("html").css("font-size");字尾
       var currentFontSizeNumber = parseFloat(currentFontSize);
       //重新定義字體大小
   表
       $("html").css("font-size", newFontSize) ;
       //JavaScript不向下執行
       return false;
   });
});