本文講的是人人須知的 jquery 技巧，
返回頂部按鈕
預載入判斷是否載入完成
自動修復失效
滑鼠懸停切換 class
禁用輸入字段
阻止鏈結載入
快取 jquery 選擇器
切換淡出 / 滑動
簡單的手風琴效果
使兩個 div 等高
在新標籤頁 / 新視窗開啟外部鏈結
通過文字查詢元素
在 visibility 屬性變化時觸發
ajax 呼叫錯誤處理
鏈式外掛程式呼叫
'undefined'
) else
$('a.top'
).click(function (e) , 800);
});
class="top"
href="#"
>back to topa> =
function ()
};$.preloadimages('img/hover-on.png'
, 'img/hover-off.png');
).load(function () );
).on('error'
, function ()
});
).hover(function () , function () );
).hover(function () );
).prop('disabled'
, true);
).prop('disabled'
, false);
).click(function (e) );
$('#blocks'
).find('li');
).click(function () );
$('#showblocks'
).click(function () );
$('.btn'
).click(function () );
// 切換
$('.btn'
).click(function () );
$('#accordion'
).find('.content'
).hide();
// 手風琴效果
$('#accordion'
).find('.accordion-header'
).click(function () );
).css('min-height'
, $('.main-div'
).height());
$('.column'
);var height =
0;$columns.each(function ()
});$columns.height(height);
$('.same-height-columns'
);$rows.each(function () );
).attr('target'
, '_blank'
);$('a[href^="//"]'
).attr('target'
, '_blank'
);$('a[href^="'
+window.location.origin
+'"]'
).attr('target'
, '_self'
);window.location.origin在 ie10 中不可用. 這個修復方案 正是關注於該問題。
$('#search'
).val();
$('div:not(:contains("'
+ search +
'"))'
).hide();
, function (e) else
if (e.target.visibilitystate
==="hidden"
) });
console.log(error);
});
).show();
$('#elem'
).html('bla'
);$('#elem'
).otherstuff(); )
.show()
.html('bla'
) .otherstuff();
$('#elem'
);$elem.hide();
$elem.html('bla'
);$elem.otherstuff();
原文發布時間為：2023年04月20日
人人必知的10個jQuery小技巧
1.返回頂部按鈕 你可以利用 animate 和 scrolltop 來實現返回頂部的動畫，而不需要使用其他外掛程式。back to top back to top a.top click function 800 return false back to top 改變 scrolltop 的值可以...
jQuery開發技巧
要使元素在螢幕中居中，先要該元素的 position 定位屬性值設定為 absolute 表示絕對定位 然後通過設定 top left 屬性值，使元素居中在螢幕中。frame center show 1000 jquery.fn.center function 但當螢幕大小發生變化時，彈出框並不能隨...
jQuery應用技巧
function else button toggle function function function 點選一次實現多個不同的效果 wrap on keydown function keyup function 訂單 操作 1號訂單 編輯刪除 2號訂單 編輯刪除 3號訂單 編輯刪除 模態框 您...