jquery 實用的函數

陳偉發布于2019-08-21 17:18 / 2441人閱讀

摘要：中有很多方法是我們可以很方便拿來使用的。歡迎大家也提供好用的方法在留言板。等價于，輸出值為，篩選數組輸出注意這里的和和函數調換了位置，另外，如果不給函數返回值，將為空，這和函數不同。

jquey中有很多方法是我們可以很方便拿來使用的。我們可以利用這個來讓我們更加高效的開發，也能讓代碼更具有閱讀性。
歡迎大家也提供好用的jquery方法在留言板。樓主將會持續更新。

1.filter()

顧名思義，這個方法可以匹配DOM元素集合中指定的元素，例如：

$("div").css("background", "#c8ebcc")
  .filter(".middle")
  .css("border-color", "red");

這段代碼的含義是給div元素集合中帶middle元素增加紅色邊框。
filter()里面也可以寫方法來過濾：

$("li").filter(function(index) {
  return $("strong", this).length == 1;
}).css("background-color", "red");

2.trigger()

觸發事件的發生，比如：

$("#btn").trigger("click");

出發id為btn的點擊事件。
還可以觸發自定義事件：
先綁定自定義事件：

$("#btn").bind("myClick", function () {
   $("#test").append()；
});

觸發事件：

$("btn").trigger("myClick");

3.$.contains(elem1, elem2)

這個是判斷dom元素是否包含在另一個dom里面，并不是java的contains哦

4.$.each()

循環遍歷，看一下代碼就知道啦：

var array = [1,2,3,4,5]
$.each(array, function(i, item)) {
    if (item > 4) {
        console.log(item);
        console.log(array[i]);
    }
}

這里的i是指循環的次數，從0開始，item指每次循環的變量值。
item等價于array[i]，輸出值為5，5
**

5.$.grep()

篩選數組：

var array = [1,2,3,4];
    array = $.grep(array, function(item,i) {
        return item > 3;
    })
    console.log(array);

輸出：[4]
注意這里的item和i和each函數調換了位置，另外，如果不給grep函數返回值，array將為空，這和each函數不同。

6.elem.datepicker()

日歷函數，給指定的dom增加日歷功能，

$(".mfgdate").datepicker({language:userLanguage, format:"yyyy/mm/dd", autoclose: true });

具體的說可以見鏈接：
http://blog.csdn.net/cuihaiya...

7.slice(start, end)和splice(index,n,item)

slice()函數是截取數組的一部分，不會改變原始數組：

var a=[1,2,3,4,5,6];
var b=a.slice(0,3);  //[1,2,3]
var c=a.slice(3);    //[4,5,6]

如果只傳入一個參數，那么將從參數一的索引位置開始截取，一直到數組尾

splice(index,n,item)函數有兩個功能，先從index，刪除n個元素，在從index開始加入item。

var a=["a","b","c"];
var b=a.splice(1,1,"e","f");  //a=["a","e","f","c"],b=["b"]

從第一個元素開始，刪除一個，也就是b，在加入e，f。a數組變化了，返回的是刪除的元素
分割線-----------------------------------------
將會持續更新，大家也可以提供好用的jquery方法

GPU云服務器云服務器實用函數 jquery函數 jquery_extend函數實用的語言編程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89369.html

jQuery實用的一些技巧

摘要：元素的大小設置可以在圖片加載完成后計算。禁用輸入有時你可能需要用表單的提交按鈕或者某個輸入框直到用戶執行了某個動作比如檢查我已閱讀條款復選框。如果文本不存在，則這個元素將被隱藏可見變化的觸發當用戶不再聚焦或者重新聚焦一個標簽時觸發腳本轉載引子 jQuery的存在，讓學習前端開發的人感到前端越來越容易入門了，用簡單的幾行代碼就可以實現需求，但是，你真的會用jQuery么，當代碼運行后無...

niuxiaowei111 2019-08-19 17:57 評論0 收藏0
【JS實用技巧】利用冒泡機制，減少事件綁定，優化頁面性能

摘要：如何通過一些技巧，達到減少事件綁定，優化頁面性能的目的呢接下來介紹一下我個人對優化事件綁定的實踐。這里直接給出最佳實踐利用事件冒泡機制來為元素綁定事件。再加上由于創建太多的事件監聽，也會對頁面性能有影響。引言無論新手老手，在前端開發中，經常要為DOM元素綁定事件，以實現某些功能。如何通過一些JS技巧，達到減少事件綁定，優化頁面性能的目的呢？接下來介紹一下我個人對優化事件綁定的實踐。...

Jackwoo 2019-08-20 14:17 評論0 收藏0
實用的表單驗證插件--jquery Validation

摘要：默認值原生的表單提交類型表單驗證通過后提交表單的回調函數。使用去控制這個組的驗證信息被放置的位置。例子禁用對焦驗證。他的回調函數被傳入兩個參數類型元素這個元素是當前正在被驗證的，是一個元素。此函數的上下午為驗證對象本身。 Validation文檔翻譯前言 Validation作為表單驗證中最常用的插件，為我在開發過程中提供了很多便利的地方。雖然說我很常用，但是我真的不敢說我會用Val...

eccozhou 2019-08-21 16:48 評論0 收藏0
【實用】需要收藏備用的JQuery代碼片段

摘要：元素屏幕居中獲取頁面路徑相關參數值值值值刪除內聯樣式長度限制并截取外鏈新窗口打開測試與其它庫沖突情況測試沖突代碼避免沖突加載即使掉線加載遮罩層，點擊移除元素固頂注意調整邊界值禁止右鍵菜單對象插件模版代碼公有方法私有方法延伸閱讀處理表單的 1 元素屏幕居中 jQuery.fn.center = function () { this.css(position,absolute); ...

2json 2019-08-20 16:55 評論0 收藏0
【收藏】8段JQuery處理表單的代碼片段，很實用

1 只接受數字輸入 $(#uAge).keydown(function(event) { // 允許退格和刪除鍵 if ( event.keyCode == 46 || event.keyCode == 8 ) { } else { // 保證輸入的是數字鍵 if (event.keyCode < 48 || event.keyCod...

zxhaaa 2019-08-20 16:43 評論0 收藏0