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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 使用get()方法以GET方式从服务器获取数据 使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下: $.get(url,[callback]) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。
    查看全部
  • 使用getScript()方法异步加载并执行js文件 使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示: jQuery.getScript(url,[callback]) 或 $.getScript(url,[callback]) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。
    查看全部
  • 使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数据,并对获取的数据进行解析,显示在页面中,它的调用格式为: jQuery.getJSON(url,[data],[callback]) 或 $.getJSON(url,[data],[callback]) 其中,url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。
    查看全部
  • 调用live()方法绑定元素的事件,与bind()方法相同,除此之外还可以绑定动态元素,为动态元素增加事件 $function(){ $("#btntest".live("click onmouseout",function(){ $(this).attr("disabled","true"); })
    查看全部
  • 下拉列表框的change事件当一个元素的值变化时,将会触发change事件,具体代表例如下: $function(){ $("select").bind("change",function(){ if($(this).val()=="苹果") $(this).css("background-color","red");
    查看全部
  • focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件。 $("input").bind("focus",function(){ $("div").html("请输入姓名"); });
    查看全部
  • trigger()方法可以直接手动触发元素指定的事件,这些事件可以是元素自带事件,也可以是自定义的事件,总之,该事件必须能执行,它的调用格式为: $(selector).trigger(event) 其中event参数为需要手动触发的事件名称。
    查看全部
  • 使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) 参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。
    查看全部
  • 调用live()方法绑定元素的事件,与bind()方法相同,除此之外还可以绑定动态元素,为动态元素增加事件 $function(){ $("#btntest".live("click onmouseout",function(){ $(this).attr("disabled","true"); }) $("body").append("<input id='btntest' type='button' value='点击或移出就不可用了'、>"); ) }
    查看全部
  • 使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能,前者方法中参数表示移除属性名,后者方法中参数则表示移除的样式名
    查看全部
  • 使用one()方法绑定元素的一次性事件,one()方法可以绑定元素任何有效的事件,但这种方法绑定的事件只触发一次,它的调 用格式如下: $(selector).one(event,fun); $("div").one("click",function(){ $(this).html("被点击的次数");
    查看全部
  • 通过addClass()和css()方法可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中。
    查看全部
  • 使用unbind()方法可以移除元素已绑定的事件,它的调用格式如下 $(selector).unbind(event,fun); 其中参数event表示需要移除的事件名称,多个事件名称用空格隔开,fun为参数事件执行时调用的函数名称; 例如点击按钮时,使用unbind()方法移除div元素已绑定的事件 先绑定div的单元事件和双击事件,再将单元和双击事件移除代码例:
    查看全部
  • 下拉列表框的change事件当一个元素的值变化时,将会触发change事件,具体代表例如下: $function(){ $("select").bind("change",function(){ if($(this).val()=="苹果") $(this).css("background-color","red"); else $(this).css("background-color","green"); }) }
    查看全部
  • 使用html()和text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。 html()方法可以获取元素的HTML内容,因此原文的格式代码也被一起获取,而text()方法只是获取元素的文本内容,并不包含HTML格式代码
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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