雷火电竞网址 > 课程库 > jquery基础应用
jquery基础应用

jquery基础应用

Jquery php前端开发最重要的基础语言之一,学习本课程,麦子学院资深php开发工程师将带你全面熟悉、掌握Jquery相关应用,创造不一样的php世界。

41章节|54654次播放

  • 课程目录
  • Wiki资料
  • 相关文章
  • 课件下载
  • 6小时学习时长
  • 1.jquery基础应用课程大纲04:52
  • 2.jquery的安装使用13:06
  • 3.jquery 选择器 操作环境 准备13:07
  • 4.jquery 选择器 ID 选择器05:03
  • 5.jquery 选择器 class 选择器03:10
  • 6.jquery 选择器 元素 并列 选择器06:35
  • 7.jquery 选择器 家族 父子 紧邻 同辈 选择器10:09
  • 8.jquery 选择器 伪类 选择器06:30
  • 9.jquery 选择器 伪类 属性 选择器07:54
  • 10.jquery 事件 事件模型 选择器02:56
  • 11.jquery 事件 常用事件分析 选择器08:57
  • 12.jquery 事件 浏览器事件 resize 选择器05:24
  • 13.jquery 事件 浏览器事件 scroll 选择器02:48
  • 14.jquery 事件 浏览器事件 鼠标事件 选择器05:48
  • 15.jquery 事件 浏览器事件 鼠标事件 blur focus 选择器03:13
  • 16.jquery 事件 浏览器事件 键盘事件 up down press 选择器05:28
  • 17.jquery 事件 操作 选择器11:20
  • 18.jquery DOM 属性 操作 attr removeAttr11:05
  • 19.jquery DOM 获取元素 节点 值 html val text08:25
  • 20.jquery DOM 设置元素 节点 值 html val text04:25
  • 21.jquery DOM 文档操作 append prepend09:34
  • 22.jquery DOM 文档操作 appendTo prependTo04:06
  • 23.jquery DOM 文档操作 after before insertAfter inser07:37
  • 24.jquery DOM 文档操作 wrap unwrap05:32
  • 25.jquery DOM 文档操作 empty remove clone06:46
  • 26.jquery DOM css 操作 addClass removeClass toggleC06:01
  • 27.jquery DOM css 操作 css height06:25
  • 28.jquery 动画 简介 演示环境搭建10:48
  • 29.jquery 动画 简介 显示隐藏 滑动 淡入淡出06:04
  • 30.jquery 动画 animate 使用 以及使用环境区分05:26
  • 31.jquery ajax 基础原理 已经 常用的应用场景06:09
  • 32.jquery ajax load07:14
  • 33.jquery ajax get13:56
  • 34.jquery ajax post05:20
  • 35.jquery ajax ajax 函数的使用11:34
  • 36.jquery ajax 简单的例子13:53
  • 37.jquery 简单正则的使用08:48
  • 38.jquery validtate 插件的简单使用18:23
  • 39.jquery 常用 插件介绍04:20
  • 40.jquery 幻灯片案例115:33
  • 41.jquery 验证 跟 ajax 综合 案例 说明02:49
  • 学习jQuery

    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

    jQuery基础选择器

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

  • 学习jQuery

    jQuery ID选择器

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

  • 学习jQuery

    jQuery class选择器

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

  • 学习jQuery

    jQuery 元素选择器

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

  • 学习jQuery

    jQuery家族选择器

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

  • 学习jQuery

    jQuery父子选择器

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

  • 学习jQuery

    jQuery紧邻选择器

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

  • 学习jQuery

    jQuery同辈选择器

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

  • 学习jQuery

    jQuery伪类选择器

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

  • 学习jQuery

    jQuery属性选择器

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

  • 学习jQuery

    jQuery事件模型

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

  • 学习jQuery

    jQuery相关事件分类

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

  • 学习jQuery

    jQuery resize

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

  • 学习jQuery

    jQuery scroll

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

  • 学习jQuery

    jQuery鼠标事件

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

  • 学习jQuery

    jQuery blur和focus

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

  • 学习jQuery

    jQuery键盘事件

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

  • 学习jQuery

    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 手册
    下载
  • 课件源码所属章节:课件源码
    下载
  • 李景山

    李景山

    TA的课程

    5年WEB开发经验,痴迷于程序设计,多次担任百万级流量电商网站研发负责人,负责过多个大型综合信息网站的研发,精通移动和PC WEB开发技术。

    免费领取价值1888元求职宝典!

    客服热线 400-862-8862

    回到顶部