衛斯理不理學習心得與技術日常

[jQuery Plugin] Select2, Bootstrap Modal (Bootstrap v2)當在IE11 上無法使用輸入框搜尋
加上
$.fn.modal.Constructor.prototype.enforceFocus = function () {};

實作實需要用到幾個jQuery 函式
scroll()
scrollTop()
height()
DEMO： http://jsbin.com/qenejufoji/edit?html,js,console,output

寫了一個簡單的jQuery 動態新增欄位並計算欄位裡面的值，
但完整一點的程式需要再補充欄位值的判斷是否為整數匯一其他不同的需求進行輸入值過濾與判斷。

 在client端透過輸入框即時搜尋頁面上的表格資料，不過這適用於當資料少的時候，資料量大的時候就該考慮使用ajax方式處理。 
$('#search').keyup(function(){
   var searchword = $('#search').val();
   if(searchword!==''){
      $('.info').css("display","none");
      $('.info').find(":contains('" + searchword + "')").parent().css("display","block");
   }else{
         $('.info').css("display","block");
   }
});

判斷語法如下：
$("#checkboxId").attr('checked') 
例子：
if($("#checkboxid").attr('checked')){

當資料呈現為表格資料時，常常有希望能夠依照欄位資料進行排序或是提供搜尋功能，
這樣的需求其實很常見，這時就可以用上功能強大的jQuery plugin Tablesort
下方列出可以參考的資訊，相信非官方裡的範例應該就足夠90%以上的需求了!

參考資料如下：

可以運用陣列的.length 屬性來判斷：
if ($("#myid").length > 0) {
    //do something
}
或者用傳統javascript，getElementById的做法：

qtip2官網：
http://qtip2.com/download
基本教學：
jQuery版本：1.6以上，特別注意由於1.9版移除了$.browser所以若要確保使用上沒問題可以使用最新版來解決這個問題。

用 jQuery 取的TEXTAREA標籤裡的值，不能使用 .text() 或 .html() ，使用 .val() 才是正確的。
例子：
//取值
$("#textarea").val();

以下列出幾個jQuery學習網站可讓有興趣學習jQuery的朋友們參考：
1.jQuery官方網站
http://jquery.com/
2.W3SCHOOL--中文