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"}]