jQuery基础使用（五）

最新推荐文章于 2024-09-03 01:23:13 发布

WihauShe

最新推荐文章于 2024-09-03 01:23:13 发布

阅读量123

点赞数 1

分类专栏： Web 文章标签： jQuery 基础使用插件

本文链接：https://blog.csdn.net/qq_39376697/article/details/87622429

版权

Web 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

(个人经验，仅供参考，错误之处，敬请谅解)

一、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对象，两个对象将进行合并，当存在相同属性名时，后者将覆盖前者