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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 可以使用jQuery中另一个关于页面加载的方法--load()方法。load()方法会在元素的onload事件中绑定一个处理函数。如果处理函数绑定给window对象,则会在所有内容(包括窗口、框架、对象和图像等)加载完毕后触发,如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发。jQuery代码如下: $(window).load(function(){ //编写代码 })
    查看全部
    0 采集 收起 来源:练习题

    2016-04-07

  • fadeIn()和fadeOut()方法可以实现元素的淡入淡出效果,前者淡入隐藏的元素,后者可以淡出可见的元素,它们的调用格式分别为:$(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback]);其中参数speed为淡入淡出的速度,callback参数为完成后执行的回调函数名。
    查看全部
  • 1.toggle版的slide:slide加上toggle的效果。 2.使用slideToggle()方法可以切换slideUp()和slideDown(),即调用该方法时,如果元素已向上滑动,则元素自动向下滑动,反之,则元素自动向上滑动,格式为:$(selector).slideToggle(speed,[callback]);其中speed参数为动画效果时的速度值,可以为数字,单位为毫秒,也可是“fast”、“slow”字符,可选项参数callback为方法执行成功后回调的函数名称。
    查看全部
  • 移除元素绑定的元素,$().unbind(event,function(){}),event为事件名称,多个事件时空格格开,function执行事件调用的函数。
    查看全部
  • /*这部分是重点*/ 使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。 这里的需要设置type值为post;否则 判断大小会出错。
    查看全部
  • 1.可以使用slideUp()和slideDown()方法在页面中滑动元素,前者用于向上滑动元素,后者用于向下滑动元素,它们的调用方法分别为:$(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]);其中speed参数为滑动时的速度,单位是毫秒,可选项参数callback为滑动成功后执行的回调函数名。 2.方法结构都是$(selector).xxx(speed,[callback]);注意如果speed用fast、slow等表示,需要加双引号! 3.要注意的是:slideDown()仅适用于“被隐藏的元素”;slideup()则相反(显示的元素)。 4.感觉效果跟show()、hide()差不多。。。 5.实例中var $this=$(this); 为什么把$(this)保存到新变量中:直接使用$(this)也可以。。但是有个别浏览器在输入 $($(this)) 这样连续两个$的时候会崩溃。
    查看全部
  • 介绍一个功能更为强大的属性选择器[attribute*=value],它可以获取属性值中包含指定内容的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示对应的属性值。 例如,使用[attribute*=value]属性选择器,获取属性值中包含某一指定内容的全部<li>元素,并设置它们显示的文字颜色,如下图所示:
    查看全部
  • y元素额toggle事件,$(selecter).toggle(function(){},function(){}),可以在click事件中绑定多个函数每敲击一次执行不同的函数,他本身具有隐藏和显式的共能。见例题
    查看全部
  • 1.第一节我们学过实现元素的显示与隐藏需要使用hide()与show(),那么有没有更简便的方法来实现同样的动画效果呢? 调用toggle()方法就可以很容易做到,即如果元素处于显示状态,调用该方法则隐藏该元素,反之,则显示该元素,它的调用格式是:$(selector).toggle(speed,[callback]) 其中speed参数为动画效果时的速度值,可以为数字,单位为毫秒,也可是“fast”、“slow”字符,可选项参数callback为方法执行成功后回调的函数名称。 2.三目运算符非常优雅:(expression) ? process-true : proces-false; 例如:$spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏");这是一个三目运算符的判断语句,判断语句成立的话就给赋值“显示”,否则赋值隐藏。
    查看全部
  • 与上一节的:hidden过滤选择器相反,:visible过滤选择器获取的是全部可见的元素,也就是说,只要不将元素的display属性值设置为“none”,那么,都可以通过该选择器获取。
    查看全部
  • 与上一节介绍的:eq(index)选择器按索引查找元素相比,有时候我们可能希望按照文本内容来查找一个或多个元素,那么使用:contains(text)选择器会更加方便, 它的功能是选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。
    查看全部
  • 1.调用show()和hide()方法仅是实现的元素的显示和隐藏功能,如果在这些方法中增加“speed”参数可以实现动画效果的显示与隐藏,同时,如果添加了方法的回调函数,它将在显示或隐藏执行成功后被调用。 2.第一个参数可以设置动画效果的速度,可以是“fast”字符,也可以是以毫秒为单位的时间,二个参数是方法执行后的回调函数,该函数只有在“方法被成功执行后”,才会被调用。 3.感觉跟前面的方法比起来,还更麻烦: if ($("#hidval").val() == 0) { $("ul").show(160); $("#hidval").val(1); } else { $("ul").hide(160); $("#hidval").val(0); }
    查看全部
  • 本章我们介绍过滤选择器,该类型的选择器是根据某过滤规则进行元素的匹配,书写时以“:”号开头,通常用于查找集合元素中的某一位置的单个元素。 在jQuery中,如果想得到一组相同标签元素中的第1个元素该怎样做呢? 在下面的示例代码中你可能注意到我们会使用 $(“li:first”) 注意:书写时以“:”号开头。 使用li:first过滤选择器可以很方便地获取ul列表中的第一个li元素. :first过滤选择器的功能是获取第一个元素,常常与其它选择器一起使用,获取指定的一组元素中的第一个元素。
    查看全部
  • 与上一节中介绍的prev + next层次选择器相同,prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下: $(“prev ~ siblings”) 其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素。 例如,使用prev ~ next选择器,获取<p>元素后面相邻的全部元素,并设置它们在页面中显示的内容,如下图所示: 在浏览器中显示的效果: 可以看出,调用$("p~span")选择器代码,获取了<p>元素下面两个(全部)的<span>元素,该元素不包含<p>元素上面的元素和不属于同辈范围的元素。
    查看全部
  • 1.show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为:$(selector).hide(speed,[callback])和$(selector).show(speed,[callback]);参数speed设置隐藏或显示时的速度值,可为“slow”、“fast”或毫秒数值,可选项参数callback为隐藏或显示动作执行完成后调用的函数名。 2.toggle已经在现版本被淘汰了,在老版本还是好使的。使用toggle时就不用show和hide。直接(“ul”).toggle()就可以了,在括号里还可以添加毫秒数来控制时间。如果用hide和show就不用toggle,他们都是实现一个效果的。 3.调用 val 方法就是取它里面的值。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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