jQuery使用總結

記錄在專案中用到的jquery使用技巧(也許不叫做技巧)，以備不時之需

1、頁面初始化載入

這個從最早的在body標籤中加入：οnlοad="function()"。或直接在頁面script中加入：

都可以實現，當然這裡是使用了頁面外部引入js檔案。上面就會被覆蓋掉，當然這樣也不利於風格的統一，這樣比較喜歡採用閉包的風格初始化。如在當前頁面引入了外部檔案：

在index.js中：

$(function() 
})();
});

2、乙個簡單的錯誤訊息顯示框

function errorplace(error, element) );
if (!error.length <= 0)  else 
}

當然如果傳入的error為空就清空該訊息div。對其中的css：

.msg

.msg.msg-error

3、拖動滾動條載入頁面資料

就是頁面顯示資料時不採用分頁條，在資料展示區域用上下的滾動條，如果到當前區域底部時去載入更多訊息。

首先，得有滾動條的出現，在這個資料展現的容器上加入樣式：

....

jquery處理相應的事件，當然每次查詢還是必須或得相應的頁碼、資料資訊的

var scrollhight = 0;
var scrolltop = 0;
var divhight = $("#contenttable").height();
$("#contenttable").bind("scroll", function() 
}	});

以上就是乙個簡單的實現，當然能夠封裝成plugin，做到更通用就不錯了，還有就是有個缺點如果頁面載入的資料量過大如何處理也沒考慮

4、jquery使用備忘

都是些常見的，但是不用的時候也會忘記，懶得翻api了

a、繫結多個事件

$("#deletebtn").bind(,
mousemove : function() 
});

b、獲取下拉框的name

//獲取某個id的下拉框的name
$("#proviceid").find("option:selected").text()
//在下拉框change事件中獲取name並設定到otherid的區域顯示
$("#otherid").val(($(this).find("option:selected").text()));

c、清空某一區域下的值

$("#areaid input[type='text']").attr("value", "");

5、**相關

**下的checkbox根據head中的選擇改變

$("#checkboxall").bind("click", function());

**刪除、內容、長度判斷

$("#deletebtn").bind("clcik", function() 
});// do something
});

**在刪除後重新排序

// 表單資料重新排序:第一列為序號
$("#tbodyid tr td:nth-child(1)").each(function(i, n) 
});

其中可以用td:nth-child(n)獲取第n列資料，n從1開始

接下來是與上面的情況不一樣的，在選中**的某一行後，再獲取該行的某列資料：

// 校驗選中的記錄是否與目標月份一致
function valisamemonth() 
var tmepmonthtime = temptime.substring(0, 7);
if (targetmonth == "")  else 
}}	});
return valiindex > 0;
}

to be continuedto be continuedto be continuedto be continuedto be continuedto be continuedto be continued

JQuery使用總結

本文大部分內容是從網路搜尋而來，整理如下按標籤型別選擇 div 選擇所有的div標籤元素，返回div元素陣列按css類選擇 myclass 選擇使用myclass類的css的所有元素常用在table中的選擇 tr first 選擇所有tr元素的第乙個 tr last 選擇所有tr元素的最後乙個...

jQuery使用總結

1.對checkbox繫結了toggle方法用以實現，其它id的checkbox的全選和反選，發現那個checkall的checkbox始終不能選中,後改為以下繫結，而非toggle 繫結全選與全不選操作.checkall click function end of 全選與全不選.2.對於 tmpl...

jquery 使用方法總結

一選擇網頁元素jquery的基本設計和主要用法，就是選擇某個網頁元素，然後對其進行某種操作這是它區別於其他函式庫的根本特點。使用jquery的第一步，往往就是將乙個選擇表示式，放進建構函式jquery 簡寫為然後得到被選中的元素。選擇表示式可以是css選擇器 1 document 選擇整個文...

jQuery使用總結

JQuery使用總結

jQuery使用總結

jquery 使用方法總結

相關推薦