成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

jquery 實(shí)用的函數(shù)

陳偉 / 2447人閱讀

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

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

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()

觸發(fā)事件的發(fā)生，比如：

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

出發(fā)id為btn的點(diǎn)擊事件。
還可以觸發(fā)自定義事件：
先綁定自定義事件：

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

觸發(fā)事件：

$("btn").trigger("myClick");
3.$.contains(elem1, elem2)

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

4.$.each()

循環(huán)遍歷，看一下代碼就知道啦：

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

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

5.$.grep()

篩選數(shù)組：

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

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

6.elem.datepicker()

日歷函數(shù)，給指定的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()函數(shù)是截取數(shù)組的一部分，不會改變原始數(shù)組：

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]

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

splice(index,n,item)函數(shù)有兩個功能，先從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數(shù)組變化了，返回的是刪除的元素
分割線-----------------------------------------
將會持續(xù)更新，大家也可以提供好用的jquery方法

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/89369.html

相關(guān)文章

  • jQuery實(shí)用的一些技巧

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

    niuxiaowei111 評論0 收藏0

  • 【JS實(shí)用技巧】利用冒泡機(jī)制，減少事件綁定，優(yōu)化頁面性能

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

    Jackwoo 評論0 收藏0

  • 實(shí)用的表單驗(yàn)證插件--jquery Validation

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

    eccozhou 評論0 收藏0

  • 【實(shí)用】需要收藏備用的JQuery代碼片段

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

    2json 評論0 收藏0

  • 【收藏】8段JQuery處理表單的代碼片段，很實(shí)用

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

    zxhaaa 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<