jQuery 实例:标签切换 认证专享

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本套课程通过应用 jQuery 完成不同效果的标签切换效果,主要针对事件进行处理,鼠标划过事件及点击事件。添加延时操作,带来更好的用户体验。动态加载网页数据及服务器获取数据加载。让学员掌握对 jQuery的应用。

    1.标签切换布局实现 00:08:12

    本课时介绍标签切换布局的设计,学习 CSS 样式的添加及边框的使用,让学员掌握如何通过使用边框技巧完成实例效果。

    2.标签切换具体实现 00:05:54

    本课时介绍使用 jQuery 完成动态效果,包含添加事件,对鼠标事件做处理,添加延时功能,提供更好的用户体验。让学员掌握对 jQuery 的应用

    3.标签切换数据加载 00:12:30

    本课时主要介绍如何动态获取数据,包含本地 HTM L页面及网络数据。通过对 jQuery 的熟悉,使用 jQuery提供的 load 方法进行加载数据。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

jQuery 实例:标签切换

3课时,27分钟2015-04-29
iwen
iwen

极客学院金牌布道师

课程背景:
jQuery 是一个兼容多浏览器的 javascript 库,核心理念是 write less,do more (写得更少,做得更多),jQuery 是免费、开源的,使用 MIT 许可协议。jQuery 的语法设计可以使开发者更加便捷,例如操作文档对象、选择 DOM 元素、制作动画效果、事件处理、使用 Ajax 以及其他功能。


核心内容:
1.HTML 标签
2.jQuery 事件
3.jQuery 方法
4.jQuery 遍历


软件环境:webstrom


是否提供资料:


课程等级:中级


适合人群:
具有一定HTML、CSS、JavaScript基础

  • 技术问答
  • 1

    标签切换布局实现

    08:12

    本课时介绍标签切换布局的设计,学习 CSS 样式的添加及边框的使用,让学员掌握如何通过使用边框技巧完成实例效果。

  • 2

    标签切换具体实现

    05:54

    本课时介绍使用 jQuery 完成动态效果,包含添加事件,对鼠标事件做处理,添加延时功能,提供更好的用户体验。让学员掌握对 jQuery 的应用

  • 3

    标签切换数据加载

    12:30

    本课时主要介绍如何动态获取数据,包含本地 HTM L页面及网络数据。通过对 jQuery 的熟悉,使用 jQuery提供的 load 方法进行加载数据。

相关课程

  • jQuery 菜单

    本套课程主要通过使用 jQuery 完成 Menu 菜单功能,包含垂直菜单和水平菜单,通过使用 jQuery 代替原生的 JavaScirpt 文件,以非常简单地方式完成菜单功能。

    3课时 31分钟
    中级
    22757人学习
  • jQuery之元素的遍历与元素的过滤

    通过对jQuery的熟练掌握,能很好方便的遍历元素进行操作,而且减少代码的复杂化。学习本课程之后可以直接通过jQuery对子级、父级和同级元素进行快速的查询过滤,从而更好的操作元素。

    4课时 30分钟
    初级
    20935人学习
  • jQuery CSS操作及jQuery的盒子模型

    通过使用jQuery能快速跟上越来越快的开发需求。掌握了jQuery对css的操作,能很好的通过jQuery来进行元素的样式的处理,本课讲解通过jQuery进行操作CSS及了解jQuery的盒子模型。

    2课时 17分钟
    初级
    22626人学习
  • jQuery的扩展与noConflict

    掌握jQuery扩展库是非常有必要的,jQuery可以让学员更加快速地完成开发内容。本课讲解jQuery的扩展内容和noConflict。

    2课时 10分钟
    初级
    18119人学习