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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 文本框的聚焦和失去焦点
    查看全部
  • 可自定义事件
    查看全部
  • 背景颜色切换
    查看全部
  • $(document).ready(function() { $("#btntest").bind("click", function () { $("#tip").html("我被点击了!"); }); });
    查看全部
  • 使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。 例如,使用attr(属性名)的格式获取页面中<a>元素的“href”属性值,并将该值的内容显示在<span>元素中,如下图所示: 在浏览器中显示的效果: 从图中可以看出,通过attr()方法可以方便地获取元素中指定属性名称的内容,并将获取的内容通过html()方法显示在页面中。 任务 我来试试,亲自使用attr()方法设置一个元素的属性内容 在下列代码的第15、16行调用attr()方法设置并获取<a>元素中 “href”属性的值。
    查看全部
  • :selected选中状态选择器 与:checked选择器相比,:selected选择器只能获取<select>下拉列表框中全部处于选中状态的<option>选项元素。 例如,在一个添加多个<option>选项的下拉列表框中,使用:selected选择器修改处于选中状态的内容值,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用:selected选择器获取处于选中状态的<option>元素,并调用text()方法修改这些选中状态元素显示的内容。text()方法的功能是获取或设置元素的文本内容,该方法在后续将有详细的介绍。 任务 在编辑器第21行处,使用:selected选择器获取处于选中状态的<option>元素,并调用text()方法获取它们的内容,显示在页面中。
    查看全部
  • :checked选中状态选择器 有一些元素存在选中状态,如复选框、单选按钮元素,选中时“checked”属性值为“checked”,调用:checked可以获取处于选中状态的全部元素。 例如,在表单中添加多个复选框和单选按钮,其中有一些元素处于选中状态,使用:checked获取并隐藏处于选中状态的元素,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用:checked选择器可以获取处于选中状态的元素,并调用hide()方法将它们进行隐藏。 任务 在编辑器第28行,使用:checked选择器获取全部处于选中状态的元素,并调用attr()方法将它们设为不可用。
    查看全部
  • 图片灯箱插件——lightBox <script type="text/javascript" src="http://www.imooc.com/data/jquery.notesforlightbox.js"></script> $(function () { $(".divPics a").lightBox({ overlayBgColor: "#666", //图片浏览时的背景色 overlayOpacity: 0.5, //背景色的透明度 containerResizeSpeed: 600 //图片切换时的速度 })
    查看全部
  • :button表单按钮选择器 表单中包含许多类型的按钮,而使用:button选择器能获取且只能获取“type”属性值为“button”的<input>和<button>这两类普通按钮元素。 例如,在表单中添加多种类型的按钮元素,使用:button选择器获取其中的普通按钮元素,并修改它们的边框色,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用:button选择器只能获取两种类型的普通按钮,且修改了它们的边框颜色,并未获取表单中的“提交按钮”。 任务 在编辑器第17行,使用:button选择器获取表单中的普通按钮,并调用addClass()方法修改它们的背景色。 ?不会了怎么办
    查看全部
  • :image图像域选择器 当一个<input>元素的“type”属性值设为“image”时,该元素就是一个图像域,使用:image选择器可以快速获取该类全部元素。例如,在表单中添加两种类型的图像元素,使用:image选择器获取其中的一种图像元素,并改变该元素的边框样式,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用:image选择器只能获取<input>图像域,而不能获取<img>格式的图像元素。 任务 在编辑器第17行处,使用:image选择器获取表单中指定的图像元素,并使用addClass()方法改变它的背景色。
    查看全部
  • :submit提交按钮选择器 通常情况下,一个表单中只允许有一个“type”属性值为“submit”的提交按钮,使用:submit选择器可获取表单中的这个提交按钮元素。 例如,在表单中添加多个不同类型的按钮,使用:submit选择器获取其中的提交按钮,并使用attr()方法修改按钮显示的文本内容,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用:submit选择器从三种类型按钮中获取了提交按钮,并使用attr()方法将该按钮显示的文字修改为“点我就提交了”。 任务 在编辑器的第18行处,调用:submit选择器获取表单中的提交按钮元素,并使用addClass()方法修改该元素的背景色。
    查看全部
  • <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> 百度静态库的引用
    查看全部
    0 采集 收起 来源:环境搭建

    2018-03-22

  • getJSON()
    查看全部
  • 加载load()
    查看全部
  • 调用 animate()方法,逐渐变大图片效果,能移动位置。 在移动位置之前必须将被移元素的POSITION属性值设为”Absolute 或 relative。否则钙元素就动不了。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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