jquery data 選擇器 表格序列化serialize()

data()在元素上存放或者讀取數據，返回jquery對象。

demo:

<div data-obj="{'name':'zhangsan','age':20}"></div>

$('div').data('obj').age     //20

在元素上data對象，key值必定要加引號。

$('div').data('arr',[3,4,5,6]);//賦值

$('div').data('obj1',{name:'lisi',age:30});//賦值

 

在元素上移除存放的數據removeData()

$('div').removeData('obj')// 在元素上移除存放的數據

jQuery.data(el,key,value)

el:要關聯數據的DON對象

key: 存儲的數據名

value: 將要存儲的任意數據

jQuery.data(document.body,'bar','test')

 

 

 

id選擇器，能夠使用特殊字符，可是必須用反斜槓:\\進行轉義

<div id="foo:bar"></div> <div id="foo[bar]"></div>  <div id="foo.bar"></div>

$("#foo\\:bar") $("#foo\\[bar\\]")    $("#foo\\.bar")

:header 匹配h1,h2,h3之類的標題元素

$(":input") 匹配全部的input textarea select button元素

$(":text") 匹配全部的單行文本框

$(":submit") 匹配全部的提交按鈕，理論上只匹配type=「submit「的input 或者button，可是如今不少瀏覽器，button元素默認的type即爲submit，因此不少狀況下，不設置type的button也會成爲篩選結果。

 

 

 

 

serialize()    序列化表格內容爲字符串

demo

<form>
  <select name="single">
    <option>Single</option>
    <option>Single2</option>
  </select>
  <select name="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
  </select><br/>
  <input type="checkbox" name="check" value="check1"/> check1 <input type="checkbox" name="check" value="check2" checked="checked"/> check2 <input type="radio" name="radio" value="radio1" checked="checked"/> radio1 <input type="radio" name="radio" value="radio2"/> radio2 </form>

序列化表格內容爲字符串

$('form').serialize();     //     single=Single&multiple=Multiple&multiple=Multiple3&check=check2&radio=radio1

序列化表格內容爲對象數組

$('form').serializeArray()//["name":"single","value":"Single"}{"name":"multiple","value":"Multiple"}{"name":"multiple","value":"Multiple3"}{"name":"check","value":"check2"}{"name":"radio","value":"radio1"}]