前端框架——Jquery——基础篇7_

在我们实际的开发过程中，工具函数可以说是的用的最多的，知识虽然不难，但是用起来却有技巧性，这就是Jquery学起来的难点。这里介绍用Jquery处理最常见的三种对象，字符串，数组和表单操作，之后的话会陆续补充进来。

处理字符串：

（1）处理字符串中的空格

方法：trim()；$.trim(Str)

处理数组：

（1）遍历数组中的对象

方法：each（arr,function(index,element){}）

参数:arr表示要遍历的数组，index表示数组的索引，element表示的是当前索引对应的元素。

场景：这个用途很多，最常见的场景就是checkbox，当点击全部的时候，所有的checkbox都被选中

$("#allPick").bind('click',function(){$(":checkbox").each(function(index,element){$(this).attr('checked','checked');return;});})

(2)搜索数组中的对象

方法： grep(arr,function(element,index){})

参数: 和each的一样，根据条件返回一定的数据，然后将这些数据重新组装成一个数组。

用法:$.grep(arr,function(element,index){return index>3;})

(3)查找到元素的下标

方法：inArray(index,arr)

参数：index表示索引，arr表示数组，相当于arr[index],返回该数组中index的元素。

(4)合并两个数组

方法：merge(arr1,arr2)

参数：arr1数组在前，arr2数组在后，合并成为一个新的数组。

（5）去除重复的元素

方法:unique(arr)

参数：将该数组中重复的元素去掉。

（6）查看数组的大小

方法：size()

用法：$(“div”).size();

处理表单：

（1）获取表单数据和值的字符串

方法: param(),serialize()

用法：param方法将{username:'jack',age:'23'}类似于JSON格式的数组组合成username=Jack&age=23这样的数据，而serialize()的方法需要form去调用它，或者是数组去调用它，$("#form").serialize()，同样的，也是组成QueryString形式的字符串。

其他：

转载于:https://www.cnblogs.com/rain144576/p/5242456.html

前端框架——Jquery——基础篇7__工具函数(Utils)相关推荐

前端框架——Jquery——基础篇2__获取DOM节点的值
对于获取DOM节点的内容,Jquery提供了四种方法,html,text,val,attr.下面来分别介绍这四种方法和它们的区别.下面以例子来说明我写的JSP页面内容如下: 1 <div id ...
arcgis前端(3)-----＞基础篇--自定义地图优化/隐藏or显示子图层
arcgis前端(3)----->基础篇–自定义地图优化/隐藏or显示子图层文章目录 arcgis前端(3)----->基础篇--自定义地图优化/隐藏or显示子图层前言实现效果展示 ...
14.实战+补充知识+PS增强+DW（到此前端工程师【基础篇】完结）
WPS Word辅助阅读技巧 min-width(最小宽度) 1. "min-width:600px;"当页面大小小于600像素时,浏览器按照600像素计算. 布局整体规划注意事项 ...
好程序员web前端分享HTML基础篇
好程序员web前端分享HTML基础篇,最近遇到很多新手,都会问,如果要学web前端开发,需要学什么?难不难学啊?多久能入门之类的问题?那么今天好程序员就先来给大家分享一下web前端学习路线:HTML基 ...
VBS基础篇 - 内置函数
VBS基础篇 - 内置函数 Date/Time 函数函数描述 CDate 把有效的日期和时间表达式转换为日期(Date)类型. Date 返回当前的系统日期. DateAdd 返回已添加指定时间间 ...
miniui mysql_三分钟介绍强大方便的前端框架Jquery MiniUI
原标题:三分钟介绍强大方便的前端框架Jquery MiniUI jQuery MiniUI - 专业WebUI控件库. 它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带 ...
arcgis前端(2)-----＞基础篇--发布一个自定义地图及加载自定义地图/底图
arcgis前端(2)----->基础篇–发布一个自定义地图及加载自定义地图/底图文章目录 arcgis前端(2)----->基础篇--发布一个自定义地图及加载自定义地图/底图前言 & ...
前端开发学习路径之阶段四：jQuery基础篇
jQuery基础总共分为四个部分,分别是样式篇.事件篇.动画篇.DOM篇. 一.样式篇 1.jQuery选择器 1.1.1 jQuery选择器之id选择器 id选择器:一个用来查找的ID,即元素的id ...
前端学习——jQuery入门篇
一. jQuery入门 1.1 初步感受jQuery 使用jquery简单写个tab切换小案例 <!DOCTYPE html> <html lang="en"&g ...

前端框架——Jquery——基础篇7__工具函数(Utils)

前端框架——Jquery——基础篇7__工具函数(Utils)相关推荐

最新文章

热门文章