首页 > 课程库 > jquery基础应用
jquery基础应用

jquery基础应用

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

41章节|23877次播放

查看课程视频

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

李景山

TA的课程

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

一名课程顾问想与您沟通

免费电话咨询