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

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

陶老实 其它
难度中级
时长 3小时20分
学习人数
综合评分9.40
97人评价 查看评价
9.6 内容实用
9.2 简洁易懂
9.4 逻辑清晰
  • 在id号为test的div元素中,异步加载一个完整页面b.html的方法是 $("#test").load("b.html"); 页面地址是一个url字符 设置全局ajax请求的方法是: $.ajaxSetup([options]);
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • $.getJSON(url, function(data){})//注意一定要传数据 函数内: 当前按钮无效; each遍历,$each(data, function(index,sport){});
    查看全部
  • load(url, function)
    查看全部
  • <script type="text/javascript"> $(function () { $('.divPics a').lightBox({ overlayBgColor: "#666", //图片浏览时的背景色 overlayOpacity: 0.5, //背景色的透明度 containerResizeSpeed: 600 //图片切换时的速度 }) }); </script>
    查看全部
  • 原生js来一波 var init=function () { var list=document.querySelectorAll("#list")[0]; var json_student=[{ "name":"xiaoming", "grade":100 },{ "name":"xiaohong", "grade":200 },{ "name":"xiaoli", "grade":150 }]; json_student.forEach(function (item,index) { var li=document.createElement("li"); li.innerHTML="名字:"+item["name"]+" 成绩:"+item["grade"]; list.appendChild(li); }); }; window.addEventListener("load",init,false);
    查看全部
    2 采集 收起 来源:编程练习

    2018-03-22

  • 搜索插件:autocomplete调用格式: $(textbox).autocomplete(url[data],[options]); url:请求地址 options:设置返回的属性
    查看全部
  • cookie插件:可以通过cookie对象保存读取删除用户信息,还能通过该插件保存用户的浏览记录 ;调用格式$.cookie(key,val /null):分别代表保存,读取,删除
    查看全部
  • 图片放大镜的库连接:<script type="text/javascript" src="http://www.imooc.com/data/jquery.jqzoom.js"></script>
    查看全部
  • 图片放大镜事件: $(a标签父元素的id或者class).jqzoom(options{ 设置小图片所选区域的宽,高和放大镜的类型})
    查看全部
  • lightBox插件引入的连接:<script type="text/javascript" src="http://www.imooc.com/data/jquery.notesforlightbox.js"></script>
    查看全部
  • 图片灯箱插件:lightBox $(a父标签的id或者class).lightBox({ 设置图片的背景色,透明度,切换时候的速度 })
    查看全部
  • 表单插件引入地址:<script ="text/typejavascript" src="http://www.imooc.com/data/jquery.form.js"></script>
    查看全部
  • 表单插件:form语法调用格式 $(form).ajaxForm(options) form:表单元素名称: options:一个配置对象需要在前面进行设置:设置格式大概如下: var options = { url:“请求服务器的地址”, target:“服务器返回数据显示的地址” }
    查看全部
  • 在定义完了验证规则之后需要加上错误提示信息;errorPlacement:function( error,element){ erroe.appendto("获取事件的class或者id") }
    查看全部
  • 表单验证插件之---validate调用方法如下: $(form).validate({options}) form:表单元素名称, options:调用方法时配置的对象,所有的验证规则和异常信息都在该对象中进行设置: 错误提示默认是英文模式如果需要切换成中文模式需要引入 <script type="text/javascript" src="http://www.imooc.com/data/jquery.validate.messages_cn.js"></script>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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