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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 使用fadeTo()方法设置淡入淡出效果的不透明度 调用fadeTo()方法,可以将所选择元素的不透明度以淡入淡出的效果调整为指定的值,该方法的调用格式为: $(selector).fadeTo(speed,opacity,[callback]) 其中speed参数为效果的速度,opacity参数为指定的不透明值,它的取值范围是0.0~1.0,可选项参数callback为效果完成后,回调的函数名。
    查看全部
  • $("p+next") 获取p之后的第一个相邻元素 $("p~sibling") 获取所有p之后的相邻元素
    查看全部
  • $("parent child") 选择所有子辈孙辈元素 $("parent>child") 选择子辈元素,不包括孙辈元素
    查看全部
  • 使用fadeIn()与fadeOut()方法实现淡入淡出效果 fadeIn()和fadeOut()方法可以实现元素的淡入淡出效果,前者淡入隐藏的元素,后者可以淡出可见的元素,它们的调用格式分别为: $(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback]) 其中参数speed为淡入淡出的速度,callback参数为完成后执行的回调函数名。
    查看全部
  • 使用slideToggle()方法实现图片“变脸”效果 使用slideToggle()方法可以切换slideUp()和slideDown(),即调用该方法时,如果元素已向上滑动,则元素自动向下滑动,反之,则元素自动向上滑动,格式为: $(selector).slideToggle(speed,[callback]) 其中speed参数为动画效果时的速度值,可以为数字,单位为毫秒,也可是“fast”、“slow”字符,可选项参数callback为方法执行成功后回调的函数名称。
    查看全部
  • 使用appendTo()方法向被选元素内插入内容 appendTo()方法也可以向指定的元素内插入内容,它的使用格式是: $(content).appendTo(selector) 参数content表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部。
    查看全部
  • 使用append()方法向元素内追加内容 append(content)方法的功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。 例如,在页面的<body>元素中追加一个具有“id”、“title”属性和显示内容的<div>元素
    查看全部
  • :first过滤选择器 :first过滤选择器的功能是获取第一个元素,常常与其它选择器一起使用,获取指定的一组元素中的第一个元素。
    查看全部
  • <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>挑战题</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> <body> <input type="button" value="查询学生信息"/> <ul> <li>姓名:成绩</li> </ul> <script> var jsonStu=[
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 操作元素的样式 通过addClass()和css()方法可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中。 例如,使用addClass()方法,改变<div>元素的背景色和文字颜色
    查看全部
  • <script type="text/javascript"> var $content = "<b>唉,我又变胖了!</b>"; $("#html").html($content); $("#text").text($content); </script> 操作元素的内容 使用html()和text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。 例如,分别使用html()和text()方法获取一个元素的内pww,并将获取的内容显示在不同的<div>元
    查看全部
  • <body> <h3>获取处于选中状态元素的内容</h3> <form id="frmTest" action="#"> <select id="Select1" multiple="multiple"> <option value="0">苹果</option> <option value="1" selected="selected">桔子</option> <option value="2">荔枝</option> <option value="3" selected="selected">葡萄</o
    查看全部
  • :checked选中状态选择器 有一些元素存在选中状态,如复选框、单选按钮元素,选中时“checked”属性值为“checked”,调用:checked可以获取处于选中状态的全部元素。 例如,在表单中添加多个复选框和单选按钮,其中有一些元素处于选中状态,使用:checked获取并隐藏处于选中状态的元素
    查看全部
  • 表单中包含许多类型的按钮,而使用:button选择器能获取且只能获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素。 例如,在表单中添加多种类型的按钮元素,使用:button选择器获取其中的普通按钮元素,并修改它们的边框色
    查看全部
  • <script type="text/javascript"> $("#frmTest :image").addClass("bg_red"); </script>
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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