(个人经验,仅供参考,错误之处,敬请谅解)
一、Ajax的使用
- load(url,[data],[callback]) 异步请求数据
- $.getJSON(url,[data],[callback]) 异步加载JSON格式数据
- $.getScript(url,[callback]) 异步加载并执行js文件
- $.get(url,[callback]) get方式获得服务器数据
- $.post(url,[data],[callback]) post方式获取服务器数据
- $(selector).serialize() 将表单中有name属性的元素序列化
- $.ajax([settings]) ajax方式加载服务器数据
- $.ajaxSetup([options]) 设置ajax全局默认选项
- ajaxStart(function())和ajaxStop(function()) 在ajax请求发出前和触发后
二、常用插件
- $(form).validate({options}) 该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则
- $(form). ajaxForm ({options}) 实现ajax方式向服务器提交表单数据,并通过方法中的options对象获取服务器返回数据
- $(linkimage).lightBox({options}) 该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片
- $(linkimage).jqzoom({options}) 显示与小图片相同的大图片区域,从而实现放大镜的效果
- 保存:$.cookie(key,value);读取:$.cookie(key),删除:$.cookie(key,null)
- $(textbox).autocomplete(urlData,[options]); 当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择
- $(selector).contextMenu(menuId,{options}); 右键菜单插件可以绑定页面中的任意元素,绑定后,选中元素,点击右键,便通过该插件弹出一个快捷菜单,点击菜单各项名称执行相应操作
- $(Id).focusColor(color) 自定义的lifocuscolor插件可以在<ul>元素中,鼠标在表项<li>元素移动时,自定义其获取焦点时的背景色,即定义<li>元素选中时的背景色
- $.addNum(p1,p2) 和 $.subNum(p1,p2) 通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加和相减的运算
三、UI型插件
- $(selector). draggable({options}) 拖曳插件draggable的功能是拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果
- $(selector).droppable({options}) 将拖曳后的任意元素放置在指定区域中,类似购物车效果
- $(selector).sortable({options}); 拖曳排序插件的功能是将序列元素(例如<option>、<li>)按任意位置进行拖曳从而形成一个新的元素序列,实现拖曳排序的功能
- $(selector).accordion({options}); 面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果,即点击标题时展开内容,再点另一标题时,关闭已展开的内容
- $(selector).tabs({options}); 使用选项卡插件可以将<ul>中的<li>选项定义为选项标题,在标题中,再使用<a>元素的“href”属性设置选项标题对应的内容
- $(selector).dialog({options}); 对话框插件可以用动画的效果弹出多种类型的对话框,实现JavaScript代码中alert()和confirm()函数的功能
- $(selector).menu({options}); 菜单工具插件可以通过<ul>创建多级内联或弹出式菜单,支持通过键盘方向键控制菜单滑动,允许为菜单的各个选项添加图标
- $(selector).spinner({options}); 微调按钮插件不仅能在文本框中直接输入数值,还可以通过点击输入框右侧的上下按钮修改输入框的值,还支持键盘的上下方向键改变输入值
- $(selector).tooltip({options}); 工具提示插件可以定制元素的提示外观,提示内容支持变量、Ajax远程获取,还可以自定义提示内容显示的位置
四、工具类函数
- $.browser 对象可以获取浏览器的名称和版本信息
- $.support.boxModel 对象返回的值,检测浏览器是否属于标准的w3c盒子模型
- $.isEmptyObject(obj); 检测一个对象的内容是否为空,如果为空,则该函数返回true,否则,返回false值
- $.isPlainObject (obj); 能检测对象是否为通过{}或new Object()关键字创建的原始对象,如果是,返回true,否则,返回false值
- $.contains (container, contained); 检测在一个DOM节点中是否包含另外一个DOM节点,如果包含,返回true,否则,返回false值
- $.trim (str); 删除字符串中左右两边的空格符,但该函数不能删除字符串中间的空格
- $. param (obj); 使对象或数组按照key/value格式进行序列化编码,该编码后的值常用于向服务端发送URL请求
- $. extend ({options}); 可以对原有的工具函数进行扩展,自定义类级别的jQuery插件
- $. extend (obj1,obj2,…objN); 扩展原有的Object对象,两个对象将进行合并,当存在相同属性名时,后者将覆盖前者