为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础(五)一Ajax应用与常用插件

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰
  • 浏览器盒子:

    1、W3C盒子:Width和Height两个属性值不包含padding和border的值

    2、IE盒子:Width和Height两个属性值包含padding和border的值

    $.support.boxModel

    返回的值可以检测浏览器是否属于标准的W3C盒子

    查看全部
  • $.browser:可以获取浏览器的名称和版本信息

    $.browser.chrome:为true时表示当前为Chrome浏览器

    $.browser.Mozilla:为true时表示当前为火狐浏览器

    $.browser.version:也可以获取浏览器版本信息

    查看全部
  • $(selector).tooltip({options});

    工具提示插件可以定制元素的提示外观,提示内容支持变量、ajax远程获取,还可以自定义提示内容显示的位置

    其中selector为需要显示提示信息的元素,可选项参数options为tooltip()方法的配置对象,在该对象中,可以设置提示信息的弹出。隐藏时的效果和所在位置

    查看全部
  • $(selector).spinner({options})

    微调按钮插件不仅能在文本框中直接输入数值,还可以通过点击输入框右侧的上下按钮修改输入框的值,还支持键盘的上下方向键改变输入值

    selector参数为文本输入框元素,可选项options参数为spinner()方法的配置方法,在该对象中,可以设置输入的最大、最小值,获取改变值和设置对应事件。

    查看全部
  • $(selector).menu({options})

    菜单工具插件可以通过<ul>创建多级内联或弹出式菜单,支持通过键盘方向键控制菜单滑动,允许为菜单的各个选项添加图标。

    selector参数为菜单列表中最外层<ul>元素,options为menu()方法的配置对象

    查看全部
  • $(selector).dialog({options})

    对话框插件可以用动画的效果弹出多种类型的对话框,实现JavaScript代码中alert()和confirm()函数的功能。

    selector参数为显示弹出对话框的元素,通常为<div>,options参数为方法的配置对象,在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等

    查看全部
  • $(selector).tabs({options});

    使用选项卡插件可以将<ul>中的<li>选项定义为选项标题,在标题中,再使用<a>元素的"href"属性设置选项标题对应的内容

    selector参数为选项卡整体外围元素,该元素包含选项卡标题与内容,options参数为tab()方法的配置对象,通过该对象还能以ajax方式加载选项卡的内容

    查看全部
  • $(selector).accordion({options})

    面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果,即点击标题时展开内容,再点击另一标题时,关闭已展开的内容。

    selector为整个面板元素,options参数为方法对应的配置对象

    查看全部
  • $(selector).sortable({options});

    拖曳排序插件的功能是将序列元素(例如<option>、<li>)按任意位置进行拖曳从而形成一个新的元素序列,实现拖曳排序的功能

    selector 参数为进行拖曳排序的元素,options为调用方法时的配置对象。

    查看全部
  • $(selector).droppable({options})

    除使用draggable插件拖曳任意元素外,还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中,类似购物车效果

    selector参数为接收拖曳元素,options为方法的配置对象,在对象中,drop函数表示当被接收的拖曳元素完全进入接收元素的容器时,触发该函数的调用

    查看全部
  • $(selector).draggable({options})

    拖曳插件draggable的功能是拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果。

    options参数为方法调用时的配置对象,根据该对象可以设置各种拖曳效果,如“containment”属性指定拖曳区域,“axis”属性设置拖曳时的坐标方向。

    查看全部
  • $addNum(p1,p2)和$.subNum(p1,p2)

    相加                           相减

    通过调用自定义插件twoaddresult中的不同方法,可以实现对两个数值进行相加或相减的运算。p1和p2为任意数值

    查看全部
  • $(Id).focusColor(color)

    自定义的ifocuscolor插件可以在<ul>元素中,鼠标在表项<li>元素移动时,自定义其获取焦点时的背景色,即定义<li>元素选中时的背景色

    其中,参数Id表示<ul>元素的id号,color表示<li>元素选中时的背景色

    查看全部
  • $(selector).contextMenu(menuId,{options});

    右键菜单插件可以绑定页面中的任意元素,绑定后,选中元素,点击右键,便通过该插件弹出一个快捷菜单,点击菜单各项名称执行相应操作。

    selector参数为绑定插件的元素,menuId为快捷菜单元素,options为配置对象。

    查看全部
  • (1)required:true               必输字段 (2)remote:"check.php"          使用ajax方法调用check.php验证输入值 (3)email:true                  必须输入正确格式的电子邮件 (4)url:true                    必须输入正确格式的网址 (5)date:true                   必须输入正确格式的日期 (6)dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 (7)number:true                 必须输入合法的数字(负数,小数) (8)digits:true                 必须输入整数 (9)creditcard:                 必须输入合法的信用卡号 (10)equalTo:"#field"           输入值必须和#field相同 (11)accept:                    输入拥有合法后缀名的字符串(上传文件的后缀) (12)maxlength:5                输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10               输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10]         输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) (15)range:[5,10]               输入值必须介于 5 和 10 之间 (16)max:5                      输入值不能大于5 (17)min:10                     输入值不能小于10

    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery中的ajax应用 2、jQuery中的插件 3、jQuery中的工具类函数

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!