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

資訊專欄INFORMATION COLUMN

你不知道的jQuery

VEIGHTZ / 1225人閱讀

摘要：不要恨我這個標題黨，且看下面的分享。字符串函數(shù)數(shù)組字符串函數(shù)數(shù)組為所匹配到的表單元素賦值。函數(shù)返回值作為當前元素要設(shè)置的值。你好如果是沒有屬性的對象，則返回，否則返回，這里的屬性包括從繼承下來的屬性。說明返回的不是數(shù)組，這我們早就知道。

不要恨我這個標題黨，且看下面的分享。
最近做業(yè)務(wù)發(fā)現(xiàn)jquery的一些方法有其他的用法，可以幫助我解決一些問題，下面我就說說吧。大家共同進步，歡迎大家斧正錯誤哦。

val(字符串|函數(shù)|數(shù)組)

val(字符串|函數(shù)|數(shù)組):為所匹配到的表單元素賦值。
這個函數(shù)我們最常用的是參數(shù)傳入字符串，而且用的不亦樂乎。下面我們來看看余下的兩種吧
假設(shè)我們這做的項目有很多這樣的需求：批量處理一些數(shù)據(jù)然后提交，比如是按金額每個寶貝的價格上調(diào)1元。

var price = Number($(".J_money").val()),
    $spanPrice = $(".trade-body [data-column="price"]");
    $spanPrice.val(function(index,value){
        return (+value + price) ;
    });

執(zhí)行完上面代碼后

此次調(diào)用val() 傳入一個函數(shù)，此函數(shù)有兩個參數(shù)：調(diào)用者的元素下標和元素當前值。函數(shù)返回值作為當前元素要設(shè)置的值。
這樣我們就可以批量修改一些東西了，很棒吧 ^v^

接下來我們來看看第三種用法吧（選中復選框、單選按鈕或者下拉框select），這種方法可是讓我的心情激動很久呢。下面我來舉個荔枝^v^
事情是這樣的：我們有很多這樣的業(yè)務(wù)需求，比如記錄下我們的操作或者初始化一些東西。

var value = [1,208,182];

$(".group-list input[type="checkbox"]").val(value);

是不是很爽呢，之前的做法需要遍歷、比較、選中這些繁瑣的過程都沒有了。

還有radio、select的我就不舉栗子了，大家可以自己試試！

其實jquery函數(shù)里很多都是可以傳函數(shù)作為參數(shù)的，而用法大致相同。已函數(shù)作為參數(shù)為例，假如我們的目標元素們不是表單元素而是普通的像span這樣的元素，我們又想批量處理怎么辦呢，我們應(yīng)該想到了html()或者text()這兩個函數(shù)了，拿text()為例

var price = Number($(".J_money").val()),
    $spanPrice = $(".trade-body [data-column="price"]");
$spanPrice.text(function(index,text){
    return (+text+ price) ;
});

大家可以去jQuery官網(wǎng)去看下文檔大部分我們平時用到的函數(shù)都用這樣的用法，如：attr()、css()...所以函數(shù)就在那里，用法也在那里，如果你get到了那就用到你的項目中去吧。

在這里我在提幾個大家能用的著的而用到時有不一定能想起來的幾個函數(shù)

inArray(value,array):返回傳入值第一次在改數(shù)組中出現(xiàn)的下標。如果沒有查到返回-1。 在項目中我們經(jīng)常會遇到判斷一個值是否在某個數(shù)組中存在（不考慮重復值，多個也是存在）我們可以使用這個函數(shù)

var index = $.inArray("hello", ["hi","hello","你好"]),
    index2 = $.inArray("some other", ["hi","hello","你好"]);
console.log(index);
console.log(index2);

isArray(o): 如果o是JavaScript數(shù)組，則返回true，如果o是類數(shù)組對象，則返回false。

var isArray = $.isArray(["hi","hello","你好"]),
    isArray2 = $.isArray($("div"));
console.log(isArray);
console.log(isArray2);

isEmptyObject(o): 如果o是沒有屬性的JavaScript對象，則返回true，否則返回false，這里的屬性包括從prototype繼承下來的屬性。我們可以用它來做空對象判斷。

var isEmptyObject = $.isEmptyObject({}),
    isEmptyObject2 = $.isEmptyObject({"a":1});
console.log(isEmptyObject);
console.log(isEmptyObject2);

類數(shù)組轉(zhuǎn)換

上面 $.isArray($("div"));返回false。說明$("div")返回的不是數(shù)組，這我們早就知道。如果想讓它變成數(shù)組呢？get()、toArray()都能做到。

var isArray = $.isArray($("div")),
    isArray2 = $.isArray($("div").get()),
    isArray3 = $.isArray($("div").toArray());
console.log(isArray);
console.log(isArray2);
console.log(isArray3);

好了，剛開始寫東西，大家給點鼓勵，謝謝。

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

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

相關(guān)文章

  • 你不知道的Chrome DevTools（4）：推薦幾款DevTools插件

    摘要：下面推薦幾款插件，有些是博主親自試用過的，希望對大家的開發(fā)調(diào)試有幫助。這有點類似前面說過的插件。類似的針對不同框架的調(diào)試工具還有最后介紹的不是的插件，而是主題?？偨Y(jié)好的，這次的插件就推薦了這幾個。 Web前端開發(fā)過程中必然會用到Chrome瀏覽器自帶的開發(fā)者工具Chrome DevTools，使用它作為Web前端開發(fā)性能調(diào)試的必備工具。就連隔壁的產(chǎn)品小哥都知道打開F12改一下頁面元素的...

    svtter 評論0 收藏0

  • 你不知道的jQuery

    摘要：不要恨我這個標題黨，且看下面的分享。字符串函數(shù)數(shù)組字符串函數(shù)數(shù)組為所匹配到的表單元素賦值。函數(shù)返回值作為當前元素要設(shè)置的值。你好如果是沒有屬性的對象，則返回，否則返回，這里的屬性包括從繼承下來的屬性。說明返回的不是數(shù)組，這我們早就知道。 不要恨我這個標題黨，且看下面的分享。最近做業(yè)務(wù)發(fā)現(xiàn)jquery的一些方法有其他的用法，可以幫助我解決一些問題，下面我就說說吧。大家共同進步，歡迎大家斧...

    Jochen 評論0 收藏0

  • 你不知道的jQuery

    摘要：不要恨我這個標題黨，且看下面的分享。字符串函數(shù)數(shù)組字符串函數(shù)數(shù)組為所匹配到的表單元素賦值。函數(shù)返回值作為當前元素要設(shè)置的值。你好如果是沒有屬性的對象，則返回，否則返回，這里的屬性包括從繼承下來的屬性。說明返回的不是數(shù)組，這我們早就知道。 不要恨我這個標題黨，且看下面的分享。最近做業(yè)務(wù)發(fā)現(xiàn)jquery的一些方法有其他的用法，可以幫助我解決一些問題，下面我就說說吧。大家共同進步，歡迎大家斧...

    jubincn 評論0 收藏0

  • 你不知道的Chrome DevTools（2）：那些debug的技巧

    摘要：我打算把一些上使用的高級技巧寫成你不知道的這一系列的博文，希望大家一起學習學習。然而，這還不是最嚴重的，因為的語法比較寬松和隨意，所以同一功能多種寫法，各種奇葩都有?？偨Y(jié)前端在調(diào)試代碼的時候，知道開發(fā)工具上的小技巧，可以提高查找問題的效率。 Web前端開發(fā)過程中必然會用到Chrome瀏覽器自帶的開發(fā)者工具Chrome DevTools，使用它作為Web前端開發(fā)性能調(diào)試的必備工具。就連隔...

    warnerwu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<