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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果,即点击标题时展开内容,再点另一标题时,关闭已展开的内容,调用格式如下: $(selector).accordion({options}); 其中,参数selector为整个面板元素,options参数为方法对应的配置对象。
    查看全部
  • $.cookie('the_cookie'); // 读取 cookie $.cookie('the_cookie', 'the_value'); // 存储 cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie $.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie
    查看全部
  • 还是结合jQuery UI API 一起看学起来的效果更佳!http://jqueryui.com/draggable/ 慕课网关于插件细节讲的太少了,还是看官方文档吧http://api.jqueryui.com/sortable/
    查看全部
  • 如果我们把cookies的path属性设置成“/”。在指定路径的时候,凡是来自同一服务器,URL里有相同路径的所有WEB页面都可以共享cookies。
    查看全部
  • 拖曳排序插件的功能是将序列元素(例如<option>、<li>)按任意位置进行拖曳从而形成一个新的元素序列,实现拖曳排序的功能,它的调用格式为: $(selector).sortable({options}); selector参数为进行拖曳排序的元素,options为调用方法时的配置对象,
    查看全部
  • 除使用draggable插件拖曳任意元素外,还可以调用droppable UI插件将拖曳后的任意元素放置在指定区域中,类似购物车效果,调用格式如下: $(selector).droppable({options}) selector参数为接收拖曳元素,options为方法的配置对象,在对象中,drop函数表示当被接收的拖曳元素完全进入接收元素的容器时,触发该函数的调用。
    查看全部
  • 同学,什么叫插件?,插件就是用的时候直接ctrl+c ctrl+v 然后改参数 $(".drag").each(function(index, data){ $(this).draggable({axis: index == 0? "x":"y"}); });
    查看全部
  • 拖曳插件draggable的功能是拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果,调用格式如下: $(selector). draggable({options}) options参数为方法调用时的配置对象,根据该对象可以设置各种拖曳效果,如“containment”属性指定拖曳区域,“axis”属性设置拖曳时的坐标方向。
    查看全部
  • 在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域,从而实现放大镜的效果, a 标签所对应的 href目标是放大后的图,并不是直接把图放大了,可以放两张不一样的图试试就知道了。 <a>中不能没有title属性.
    查看全部
  • 加上matchContains:true就可以在字符串内部查询了,不然只能从开头查询,突然输中间的会找不到。 $(function () { var arrUserName = ["王五", "刘明", "李小四", "刘促明", "李渊", "张小三", "王小明"]; $("#txtSearch").autocomplete(arrUserName,{ minChars: 0, //双击空白文本框时显示全部提示数据 formatItem: function (data, i, total) { return "<I>" + data[0] + "</I>"; //改变匹配数据显示的格式 },matchContains:true, formatMatch: function (data, i, total) { return data[0]; }, formatResult: function (data) { return data[0]; } }).result(SearchCallback); function SearchCallback(event, data, formatted) { $(".tip").show().html("您的选择是:" + (!data ? "空" : formatted)); } });
    查看全部
  • 如果我们把cookies的path属性设置成“/”。在指定路径的时候,凡是来自同一服务器,URL里有相同路径的所有WEB页面都可以共享cookies。 有看不懂的大神可以移步这里: http://www.cnblogs.com/attr/p/4905349.html 包含官方下载地址
    查看全部
  • hihc<br> $.cookie('the_cookie'); // 读取 cookie <br> <br> $.cookie('the_cookie', 'the_value'); // 存储 cookie <br> <br> $.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie <br> <br> $.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie 如果我们把cookies的path属性设置成“/”。在指定路径的时候,凡是来自同一服务器,URL里有相同路径的所有WEB页面都可以共享cookies。
    查看全部
  • 其实插件什么的 可以放到以后来学,毕竟网上插件比这个好的有很多,随便一搜一大把 相关的api也比这个详细 了解下就好 ,使用插件这种方式无异于站在巨人的肩膀上,想要自己站得更高 还是要一点一点基础慢慢来比较好。。
    查看全部
  • 该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片,调用格式如下: $(linkimage).lightBox({options}) 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。
    查看全部
  • 在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域,从而实现放大镜的效果, a 标签所对应的 href目标是放大后的图,并不是直接把图放大了,可以放两张不一样的图试试就知道了。 <a>中不能没有title属性.
    查看全部

举报

0/150
提交
取消
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

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

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