不管是做什麼事情，人們習慣在工作中去找方法、找技巧，來幫助提高效率，在軟體開發中更是如此。jquery
1、返回頂部按
減少外掛程式的使用，利用 animate 和 scrolltop 來實現返回頂部的動畫：
// back to top
$('a.top').click(function () , 800);
return false;
back to top
通過改變 scrolltop 的值，調整返回距離頂部的距離，而 animate 的第二個引數是執行返回動作需要的時間(單位：毫秒)。
2、預載入
$.preloadimages = function () , function () {
$(this).removeclass('hover');
你只需要新增必要的css**即可。如果你想要更簡潔的**，可以使用 toggleclass 方法：
$('.btn').hover(function () {
$(this).toggleclass('hover');
注：上述效果的實現，直接使用css可能是更好的解決方案，但你仍然有必要知道該方法。
6、禁用 input 字段
$('input[type="submit"]').prop('disabled', true);
你要做的就是執行 removeattr 方法，並把要移除的屬性作為引數傳入：
$('input[type="submit"]').removeattr('disabled');
7、阻止鏈結載入
$('a.no-link').click(function (e) {
e.preventdefault();
8、 切換 fade/slide
fade 和 slide 是我們在 jquery 中經常使用的動畫效果，它們可以使元素顯示效果更好。但是如果你希望元素顯示時使用第一種效果，而消失時使用第二種效果，則可以這麼實現：
// fade
$('.btn').click(function () {
$('.element').fadetoggle('slow');
// toggle
$('.btn').click(function () {
$('.element').slidetoggle('slow');
9、簡單的手風琴效果
對於手風琴效果，可以通過下述**，快速簡潔的實現：
// close all panels
$('#accordion').find('.content').hide();
// accordion
$('#accordion').find('.accordion-header').click(function () {
var next = $(this).next();
next.slidetoggle('fast');
$('.content').not(next).slideup('fast');
return false;
10、讓兩個 div 高度相同
有時你需要讓兩個 div 高度相同，而不管它們裡面的內容多少。可以使用下面的**片段實現：
var $columns = $('.column');
var height = 0;
$columns.each(function () {
if ($(this).height() > height) {
height = $(this).height();
$columns.height(height);
這段**會迴圈一組元素，並設定它們的高度為元素中的最大高。
Web前端學習 10
移動 translate x,y 或 translatex translatey 旋 rotate 正或負 縮放 scale x,y 或 scalex scaley 傾斜 skew x,y 或 skewx skewy translate translate x,y 2d轉換，沿x和y軸移動元素 tr...
web前端 jquery的cookie外掛程式的使用
背景說明 寫了乙個頁面自動重新整理的demo,用到的技術有js的settimeout方法和jquery的cookie外掛程式，快取頁面資料 第一步 1.後台方法編寫 2.前台js頁面 第二步 1.引入外掛程式 2，頁面上使用settimeout 設定乙個超時，使其實現自動重新整理 如 functio...
web前端 jQuery動畫效果
基本 show s,e fn hide s,e fn toggle s e fn 滑動 slidedown s e fn slideup s,e fn slidetoggle s e fn 淡入淡出 fadein s e fn fadeout s e fn fadeto s o,e fn fadet...