每個前端應該知道的jquery 細節

2021-09-19 12:38:10 字數 2035 閱讀 5237

不需要其他外掛程式,簡單通過使用jquery 中的animateandscrolltop方法,就能實現

// 回到頂部

$('a.top').click(function (e) , 800);

});

back to top

通過 改變scrolltop的值控制滾動條到達哪個位置

如果你的頁面有很多,並且預設情況下是看不到的,當你滑鼠移動過的時候才出現,這時候就需要 預載入功能

$.preloadimages = function () 

};$.preloadimages('img/hover-on.png', 'img/hover-off.png');

有時候你需要去知道是否真正載入完成.

$('img').load(function () );
使用一張預設的來代替載入不成功的

$('img').on('error', function () );
$('.btn').hover(function () , function () );
混合寫法,

$('.btn').hover(function () );
比如有時候 ,只想提交一次表單,就可以設定禁用

$('input[type="submit"]').prop('disabled', true);
如果想解禁 ,

$('input[type="submit"]').prop('disabled', false);
有時候我們常常用超連結作為按鈕,但是超連結本身是有鏈結 會跳轉的,假如我們不想要跳轉的時候 就需要阻止預設行為

$('a.no-link').click(function (e) );
// 漸入漸出

$('.btn').click(function () );

// 下拉收起

$('.btn').click(function () );

不管他們的內容怎樣 他們的高度都會保持一致

通過css設定 最低高度值,

$('.div').css('min-height', $(.main-div).height());
無論內容是什麼 都保持高度一致

var $columns = $('.column');

var height = 0;

$columns.each(function ()

});$columns.height(height);

遍歷設定一串行的元素的高度統一

$('a[href^="'+window.location.origin+'"]').attr('target','_self');注意:window.location.origin不相容ie10 解決方案

通過 jquery的contains()方法

var search = $('#search').val();

$('div:not(:contains("'+search+'"))').hide();//表示如果沒有包含search內容的都隱藏

前端應該知道的web登入

還記得在上家公司做全乾工程師的時候,基本從頁面寫到運維,當時做登入這塊的時候,被session cookie token各種概念差點整矇圈了,上網查詢相關概念,發現很多人都是類似的疑惑,比如 首先這是因為http是無狀態的協議,所謂無狀態就是在兩次請求之間伺服器並不會儲存任何的資料,相當於你和乙個人...

每個 Linux 新手都應該知道的 10 個命令

全球網際網路使用者有 3.74 億 1 他們都以某種方式使用 linux,因為 linux 伺服器佔據了網際網路的 90 大多數現代路由器執行 linux 或 unix,top500 超級計算機 2 也依賴於 linux。如果你擁有一台 android 智慧型手機,那麼你的作業系統就是由 linux...

每個網頁設計師應該知道的10條CSS規則

通過網頁設計師的大量css經驗,我們會記住所有種 語法,相容性和片段。有一些特定的css,可以真正幫助改變你的 設計改變較舊的技術規則和宣告。這裡是我收集到的很有用的10條css規則 media screen and max width 960px 如果需要支援老版本的瀏覽器,那你就必須堅持使用cs...