JS按條件 serialize() 對應(yīng)標(biāo)簽的使用方法

更新時(shí)間：2017年07月24日 16:48:30 作者：slyly

serialize()方法通過序列化表單值，創(chuàng)建標(biāo)準(zhǔn)的URL編碼文本字符串，它的操作對象是代表表單元素集合的jQuery 對象。下面通過本文給大家介紹JS按條件 serialize() 對應(yīng)標(biāo)簽的相關(guān)知識，感興趣的的朋友一起看看吧

erialize()定義和用法：

serialize()方法通過序列化表單值，創(chuàng)建標(biāo)準(zhǔn)的URL編碼文本字符串，它的操作對象是代表表單元素集合的jQuery 對象。你可以選擇一個(gè)或多個(gè)表單元素（比如input或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 請求時(shí)用于 URL 查詢字符串中。

語法：

$(selector).serialize()

serialize 非常方便的幫我們創(chuàng)建 URL 編碼文本字符串

輸出的字符串格式為 a=1&b=2&c=3 直接可用于Url傳參

下面介紹一下選擇性的序列化某些標(biāo)簽的使用方法

將 class 為 searchFrom 下面的類型為text的input標(biāo)簽序列化

var params = $(".searchFrom input[type=text]").serialize();

多條件寫法

var params = $(".searchFrom input[type=text],input[type=hidden],input[type=radio]").serialize();

總結(jié)

以上所述是小編給大家介紹的JS按條件 serialize() 對應(yīng)標(biāo)簽的使用方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

js
serialize

相關(guān)文章

JavaScript 讀取圖片實(shí)例代碼
本章主要介紹通過JavaScript讀取圖片的例子，本例子不包含服務(wù)器端后臺代碼，只包含前臺頁面代碼，所以直接用Html文件就可以，代碼如下，因?yàn)榘敿?xì)的注意，所以不再詳細(xì)說明了，如果有看不明白的，可以給我留言，我給大家具體答復(fù)。
2009-11-11
JavaScript中判斷頁面關(guān)閉、頁面刷新的實(shí)現(xiàn)代碼
這篇文章主要介紹了JavaScript中判斷頁面關(guān)閉、頁面刷新的實(shí)現(xiàn)代碼,在一些特殊的場合中會(huì)用到這個(gè)技術(shù),需要的朋友可以參考下
2014-08-08
JS中生成隨機(jī)數(shù)的用法及相關(guān)函數(shù)
這篇文章主要為大家介紹了JS中生成隨機(jī)數(shù)的用法，為大家提供了相關(guān)函數(shù)的使用方法，感興趣的朋友可以參考一下
2016-01-01
技術(shù)男用來對妹子表白的百度首頁
這篇文章主要介紹了技術(shù)男用來對妹子表白的百度首頁,非常有創(chuàng)意、有意思,需要的朋友可以參考下
2014-07-07
深入探究JavaScript中作用域的底層機(jī)制
引言?在?JavaScript?編程中,作用域是一個(gè)至關(guān)重要的概念,它決定了變量和函數(shù)的可訪問范圍,本文將深入探討?JavaScript?作用域的底層原理,感興趣的小伙伴可以了解一下
2025-01-01
JavaScript 獲取 URL 中參數(shù)值的方法詳解(最新整理)
本文將詳細(xì)介紹幾種在 JavaScript 中獲取 URL 參數(shù)值的方法,包括現(xiàn)代瀏覽器支持的 URLSearchParams、正則表達(dá)式解析以及自定義函數(shù)解析方案,并討論各自的優(yōu)缺點(diǎn)及適用場景,感興趣的朋友一起看看吧
2025-04-04
微信小程序自定義tabbar組件
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義tabbar組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-03-03
微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其問題解決方法
這篇文章主要介紹了微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其問題解決方法,文章描述了微信小程序中web-view嵌入H5頁面時(shí)遇到的問題,特別是當(dāng)H5頁面中包含iframe時(shí),如何在iframe中實(shí)現(xiàn)跳轉(zhuǎn)到小程序的index頁面,需要的朋友可以參考下
2024-11-11
ES6中字符串string常用的新增方法小結(jié)
這篇文章主要介紹了ES6中字符串string常用的新增方法,結(jié)合實(shí)例形式總結(jié)分析了ES6中字符串string常用的新增方法功能與使用技巧,需要的朋友可以參考下
2017-11-11
使用js操作css實(shí)現(xiàn)js改變背景圖片示例
有個(gè)朋友在weibo上問我可不可以用JS和CSS讓頁面每次刷新隨機(jī)產(chǎn)生一張背景圖，當(dāng)然是可以的。具體的方法看下面的實(shí)現(xiàn)代碼吧
2014-03-03