jquery基础应用

课程导师

android实训班 android实训班
00:00:00
Play
Next
00:00 / 00:00
40%
  • 2x
  • 1.5x
  • 1.25x
  • 1x
1x
28.jquery 动画 简介 演示环境搭建
离线学习

下载APP离线观看

技能补充更多
  • Javascript初步
    Javascript初步

    Javascript是web前端开发常用技术之一,也是web前端开发必学技术之一,本章麦子学院原创JavaScript视频教程,将围绕其相关基础知识和实际应用全面讲解,让你轻松掌握并精通JavaScript的使用。

  • html5+css3
    html5+css3

    html5+css3是当下最流行的web前端开发技术之一,可快速的构建具有极佳用户体验的应用。本课程为国内最全面的html5+css3视频课程,由麦子学院资深讲师朱朝兵老师为大家讲解用HTML5+CSS3进行应用开发和布局的方法和技巧,配合经典的布局案例,帮助大家掌握最核心的应用技术。

  • Javascript初步
    Javascript初步

    javascript是一种动态类型、弱类型、基于原型的语言,广泛应用于客户端,而在Python中,JavaScript是 web前端开发不可或缺的一个技术,本章主要是麦子学院资深web前端开发工程师通过系统讲解js的语法、对象、函数、变量及其的使用等等,让零基础学员迅速入门。

  • jquery入门
    jquery入门

    Jquery是继prototype之后又一个优秀的Javascript库。Jquery兼容CSS3和各种浏览器,可使用户能更方便地处理HTML、events、实现动画效果,并且方便地为网站提供AJAX交互。本章jquery入门教程为国内最全面的jquery视频教程之一,由麦子学院资深web前端工程师魏畅然老师为你系统介绍。

  • 最新问答
  • WIKI资料
  • 课件下载
只看我参与的
  • 学习jQuery

    学习路线

    教程规划面向对象web前端/后端[php、python、ruby]技术入门级技术人员学习要求具有一定的javascript的语言基础,至少要会函数、时间、语法、变量、字符串/数组/json,若这里面有不清楚,学习这门课程会有困难的。目标1、完成基本的前端页面效果的制作2、基础插件的使用知识点1、Jq...

  • 学习jQuery

    jQuery的安装

    安装1)官网下载地址:http://jquery.com/,若电脑版本比较低,需要用到IE6/7/8,推荐下载jquery1.x;更偏向移动、新浏览器推荐下载2.x版本;下载完成之后,新建一个目录:public/js/,把下载完成文件放入js目录下。2)引用cdn地址[百度]百度分享资源:①http...

  • 学习jQuery

    基础选择器

    基础选择器:ID、Class、元素(p、div、span)基础选择器用法案例<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title><script type="text/javascript" src="publ...

  • 学习jQuery

    ID选择器

    ID选择器的写法<script>$(function(){//ID选择器$(“#sp1”).click(function(){Alert(‘IT work’);});//当sp1点击});</script>执行效果点击ID1,弹出jquery提示框如图所示: 如何选择目标现在我们的选择器已经选中了,...

  • 学习jQuery

    class选择器

    class选择器的用法代码依然采用上节课的<script>$(function(){//ID选择器$(“#sp1”).click(function(){$(“#ID1”).toggleClass(‘jingshan’);});//点击ID1选择器时,ID1显示红色。$(“#sp2”).click(f...

  • 学习jQuery

    元素选择器

    元素选择器不是很复杂,也非常简单,下面给大家举个例子,写法还在跟ID选择器、class选择器一样。实例演示//元素选择器$(“#sp6”).click(function(){$(“span”).toggleClass(‘jingshan’);});在这里也要相应的添加上span选择器扳机:<h2>这...

  • 学习jQuery

    家族选择器

    并列选择器与元素选择器的区别并列选择器之间有逗号做分隔符,而家族选择器之间是没有逗号做分隔符的,而是采用空格。案例//家族$(“#sp10”).click(function(){$(“ul span”).toggleClass(‘jingshan’);});与之对应的添加上操作目标:<span id...

  • 学习jQuery

    父子选择器

    案例//父子$(“#sp11”).click(function(){$(“#li_1>span”).toggleClass(‘jingshan’);});与之对应的添加上操作目标:<span id=”sp11”>#li_1>span选择器</span>演示效果(父子选择器)【本文由麦子学院独家原创,...

  • 学习jQuery

    紧邻选择器

    案例//紧邻$(“#sp12”).click(function(){$(“#ID1+span”).toggleClass(‘jingshan’);});与之对应的添加上操作目标:<span id=”sp12”>#ID1+span选择器</span>演示结果 【本文由麦子学院独家原创,转载请注明出处并...

  • 学习jQuery

    同辈选择器

    案例//同辈$(“#sp13”).click(function(){$(“#ID1~span”).toggleClass(‘jingshan’);});与之对应的添加上操作目标:<span id=”sp13”>#ID1~span选择器</span>演示结果总结家族与父子选择器之间的区别是家族选择之间...

  • 学习jQuery

    伪类选择器

    伪类选择器的类型1、头尾:first——$(“div:first”):last——$(“div:last”)2、奇偶:even——$(“input:even”):odd——$(“input:odd”)3、等于/不等于/大于/小于not(selector)①$(“input:not(.myClass)...

  • 学习jQuery

    属性选择器

    这节教程主要给大家讲解伪类选择器中的属性选择器属性选择方式的类型1、[attribute]——$("div[id]")2、[attribute=value]——$("input[name='newsletter']")3、[attribute!=value]——$("input[name!='new...

  • 学习jQuery

    事件模型

    事件模型的类型1、冒泡型事件(Event Bubbling),一般IE浏览器中才支持此类型。(向上捕获类型)2、捕获型事件(Event Capturing)(向下捕获类型)3、DOM标准同时支持两种事件模型,即捕获型事件与冒泡型事件 DOM标准流程图【本文由麦子学院独家原创,转载请注明出处并保留原文...

  • 学习jQuery

    相关事件分类

    相关事件分类首先打开一个浏览器(输入www.maiziedu.net),如下图: 作为一个浏览器来讲,能够响应用户输入的东西有哪些?浏览器本身可以做尺寸缩放、加载/退出。人与浏览器之间的互动媒介有键盘、鼠标。下面具体来看下事件具体分类:1、浏览器①ready②resize③scroll2、鼠标①cl...

  • 学习jQuery

    resize

    怎么写事件首先在public文件下面创建一个lesson3-resize.html,尝试在浏览器中预览一下lesson3-resize.html,效果图如下: 显示这样的页面,表示一切都正常,下面开始我们事件案例学习。resize事件的应用<body><span>resize次数:</span><s...

  • 学习jQuery

    scroll

    scroll的应用同样新建一个lesson3-scroll.html<body style=”height:2000px; padding:500px;”><span>scroll次数:</span><span  id=”times”>0</span></body><script>$(window)...

  • 学习jQuery

    鼠标事件

    鼠标事件现在新建一个文件lesson3-index.html<body><label for=”” id=”click1”>点击标签</label><br/><label for=”” id=”hover1”>悬停标签</label> </body><script>    $(function(){...

  • 学习jQuery

    blur和focus

    这节给大家讲解blur标签与focus标签。代码首先我们需要对应的input。下面一起来写:<input type=”text” id=”input1” name=”maizi” placeholder=”输入东西1”/>操作代码: // focus blur 事件        $("#input...

  • 学习jQuery

    键盘事件

    代码<input type=”text” id=”input1” name=”maizi” placeholder=”输入东西up”/><input type=”text” id=”input1” name=”maizi” placeholder=”输入东西down”/> <input type=”...

  • 学习jQuery

    事件处理方式

    事件处理方式1、On2、Bind3、Unbind4、Trigger5、Live,最新版本被移除了6、Die,最新版本被移除了演示事件处理方式<span id=”t_on”>on的点击事件</span><br/><span id=”t_bind”>bind的点击事件</span><br/><span ...

  • 资料图

    资料图

  • 思维导图

    思维导图

  • jquery 手册

    jquery 手册

  • 课件源码

    课件源码

© 2012-2016 www.maiziedu.com

蜀ICP备13014270号-4 Version 5.0.0 release20160127

你有一个红包等你领取!

免费电话咨询