jquery基础-jquery中工具类介绍及应用(北风网收费实战视频讲座).pptVIP

北风网项目培训 第18讲：jQuery中的工具类介绍及应用 讲师：风舞烟QQ:768580674 Email:fwyTech@126.com JavaScript-JQuery系列全程精通+图书馆管理系统实战 jQuery其他工具类 serialize() serializeArray() URL 浏览器 数组和对象操作 测试操作 字符串操作 jQuery1.4新特性 3.2、serialize() 序列表表格内容为字符串。 返回值 jQuery 示例 序列表表格内容为字符串，用于 Ajax 请求。 HTML 代码: p id=resultsbResults: /b /pform  select name=single    optionSingle/option    optionSingle2/option  /select  select name=multiple multiple=multiple    option selected=selectedMultiple/option    optionMultiple2/option    option selected=selectedMultiple3/option  /selectbr/  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 jQuery 代码: $(#results).append( tt + $(form).serialize() + /tt ); 3.3、serializeArray() 序列化表格元素 (类似 .serialize() 方法) 返回 JSON 数据结构数据。 返回值 jQuery 示例 取得表单内容并插入到网页中。 HTML 代码: p id=resultsbResults:/b /pform  select name=single    optionSingle/option    optionSingle2/option  /select  select name=multiple multiple=multiple    option selected=selectedMultiple/option    optionMultiple2/option    option selected=selectedMultiple3/option  /selectbr/  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 jQuery 代码: var fields = $(select, :radio).serializeArray();jQuery.each( fields, function(i, field){  $(#results).append(field.value + );}); jQuery.param(obj) 将表单元素数组或者对象序列化。是.serialize()的核心方法。 返回值 jQuery 参数 obj: ArrayElements, jQuery, Object 示例 数组或jQuery对象会按照name/value对进行序列化，普通对象按照key/value对进行序列化。 描述:按照key/value对序列化普通对象。 jQuery 代码: var params = { width:1680, height:1050 };var str = jQuery.param(params); $(#results).text(str); 结果: width=1680height=1050 4.1、浏览器 4.1.1、jQuery.browser 浏览