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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 使用cookie插件后,可以很方便地通过cookie对象保存、读取、删除用户的信息,还能通过cookie插件保存用户的浏览记录,它的调用格式为: 保存:$.cookie(key,value);读取:$.cookie(key),删除:$.cookie(key,null) 其中参数key为保存cookie对象的名称,value为名称对应的cookie值。
    查看全部
  • event可以为既有事件如click等,也可以是自定义事件如本例中change-c
    查看全部
  • [html()和text()方法] 当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。
    查看全部
  • 在调用jqzoom图片放大镜插件时,需要准备一大一小两张一样的图片,在页面中显示小图片,当鼠标在小图片中移动时,调用该插件的jqzoom()方法,显示与小图片相同的大图片区域,从而实现放大镜的效果,调用格式如下: $(linkimage).jqzoom({options}) 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。 $(".small").jqzoom({ zoomWidth:230,//小图片所选的区域宽度 zoomHeight:230,//小图片所选的区域高度 zoomType:'reverse' //设置放大镜的类型 });
    查看全部
  • attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。
    查看全部
  • 该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片,调用格式如下: $(linkimage).lightBox({options}) 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。 $("div a").lightBox({ overlayBgColor:"#666",//图片浏览时的背景色 overlayOpacity:0.5,//图片浏览时的透明度 containerResizeSpeed:600//图片切换时的速度 });
    查看全部
  • var options={ url:"a.php", target:".tip"}; $("form").ajaxForm(options) options 里面是ajax请求的一些参数配置,然后再点击表单提交时,会触发ajaxForm插件,然后根据a.php里面的内容反馈给当前页面
    查看全部
  • toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏和显示的切换,绑定多个的函数的调用 $(selector).toggle(fun1(),fun2(),funN())
    查看全部
  • :input表单选择器,它的功能是返回全部的表单元素
    查看全部
  • hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个元素,鼠标移除时,执行方法中的第二个函数,实现事件的切实效果 $(selector).hover(over,out); over参数为移到所选元素上触发的函数,out参数为移除元素所触发的函数 $(function(){ $("div").hover(function(){ $(this).addClass("orange"); }, function(){ $(this).removeClass("orange"); } ) })
    查看全部
  • html()会解析字符串中的HTML代码 text()不会解析HTML代码,直接输出字符串
    查看全部
  • bind()方法绑定元素的事件,绑定的事件名称,事件中执行的函数内容就可以<br> <br> $(selector).bind(event,[data] function) $(function () { //click为事件 function为事件执行的函数 $("#btntest").bind("click",function() { $(this).attr("disabled", true); }); });
    查看全部
  • 插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate({options}) 其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。 $("form").validate({ rules:{ email:{required:true;email:true} }, errorPlacement:function(error,element){ error.appendTo(element); } } );
    查看全部
  • $.post(url,{data},function(data){})中间的“,”不能用分号,中间不能有分号,<br> {<br> num: $("#txtNumber").val()//这句后面也不可以带分号<br> } $.get(url,function(data){},dataType)
    查看全部
  • ready()事件类似于onload()事件,但前者是要页面的Dom结构加载后就可以触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行<br> <br> $(document).ready(function(){}) $(function)(){});
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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