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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 使用remove()和empty()方法删除元素 remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法则只删除所选元素的子元素。
    查看全部
  • mark 有个空格
    查看全部
  • 使用wrap()和wrapInner()方法包裹元素和内容 wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。
    查看全部
  • $(selector).contextMenu(menuId,{options}); Selector参数为绑定插件的元素,meunId为快捷菜单元素,options为配置对象。 <div class="contextMenu" id="sysMenu"> <ul> <li id="Li3"><img src="http://img1.sycdn.imooc.com//52e4b34b0001bb6d00160016.jpg" alt="" />保存</li> <li id="Li4"><img src="http://img1.sycdn.imooc.com//52e4b3680001424900160016.jpg" alt="" />退出</li> </ul> </div> <script type="text/javascript"> $(function () { $("#btnSubmit").contextMenu("sysMenu", { bindings: { 'Li3': function (Item) { $(".tip").show().html("您点击了“保存”项"); }, 'Li4': function (Item) { $(".tip").show().html("您点击了“退出”项"); } } }); }); </script>
    查看全部
  • 替换内容 replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。
    查看全部
    0 采集 收起 来源:替换内容

    2015-01-13

  • mark
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-12

  • $(textbox).autocomplete(urlData,[options]); 其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。 <script type="text/javascript"> $(function () { var arrUserName = ["王五", "刘明", "李小四", "刘促明", "李渊", "张小三", "王小明"]; $("#txtSearch").autocomplete(arrUserName,{ minChars: 0, //双击空白文本框时显示全部提示数据 formatItem: function (data, i, total) { return "<I>" + data[0] + "</I>"; //改变匹配数据显示的格式 }, 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)); } }); </script>
    查看全部
  • 保存:$.cookie(key,value);读取:$.cookie(key),删除:$.cookie(key,null) 其中参数key为保存cookie对象的名称,value为名称对应的cookie值。 <input id="chksave" type="checkbox" />是否保存邮箱 $(function () { if ($.cookie("email")) { $("#email").val($.cookie("email")); } $("#btnSet").bind("click", function () { if ($("#chksave").is(":checked")) { $.cookie("email",$("#email").val(), { path: "/", expires: 7 }) } else { $.cookie("email",null, { path: "/" }) } }); });
    查看全部
  • $(linkimage).jqzoom({options}) 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。 <script type="text/javascript"> $(function () { $("#jqzoom").jqzoom({ //绑定图片放大插件jqzoom zoomWidth: 130, //小图片所选区域的宽 zoomHeight: 200, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }); }); </script>
    查看全部
  • $(linkimage).lightBox({options}) 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。 <div class="divPics"> <ul> <li><a href="..." title="..."><img src="..." alt="..."/></a></li> <li><a href="..." title="..."><img src="..." alt="..."/></a></li> <li><a href="..." title="..."><img src="..." alt="..."/></a></li> </ul> </div>
    查看全部
  • $(form).validate({options}) 其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。
    查看全部
  • $(form). ajaxForm ({options}) 其中form参数表示表单元素名称;options是一个配置对象,用于在发送ajax请求过程,设置发送时的数据和参数。 <script type="text/javascript"> $(function () { var options = { url: "http://www.imooc.com/data/form_f.php", target: ".tip" } $("#frmV").ajaxForm(options); }); </script> 其中tip为一个div的id
    查看全部
  • $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数
    查看全部
  • jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值
    查看全部
  • jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型(可以为text、json等),success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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