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

jquery基础应用

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

41章节|54553次播放

6小时学习时长
  • 学习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>演示效果(父子选择器)【本文由麦子学院独?#20197;?#21019;,... 查看原文

  • 学习jQuery

    jQuery紧邻选择器

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

  • 学习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?#24405;?#27169;型

    ?#24405;?#27169;型的类型1、冒泡型?#24405;?Event Bubbling),一般IE浏览器中才支?#25191;?#31867;型。(向上捕获类型)2、捕获型?#24405;?Event Capturing)(向下捕获类型)3、DOM标准同时支?#33267;?#31181;?#24405;?#27169;型,即捕获型?#24405;?#19982;冒泡型?#24405;?DOM标准流程图【本文由麦子学院独?#20197;?#21019;,转载请注明出处并保留原文... 查看原文

  • 学习jQuery

    jQuery相关?#24405;?#20998;类

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

  • 学习jQuery

    jQuery resize

    怎么写?#24405;?#39318;先在public文件下面创建一个lesson3-resize.html,尝试在浏览器?#24615;?#35272;一下lesson3-resize.html,效果图如下:?显示这样的页面,表示一切都正常,下面开始我们?#24405;?#26696;例学习。resize?#24405;?#30340;应用<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

    jQuery blur和focus

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

  • 学习jQuery
  • 学习jQuery

    jQuery?#24405;?#22788;理方式

    ?#24405;?#22788;理方式1、On2、Bind3、Unbind4、Trigger5、Live,最新版本被移除了6、Die,最新版本被移除?#25628;?#31034;?#24405;?#22788;理方式<span id=”t_on”>on的点击?#24405;?lt;/span><br/><span id=”t_bind”>bind的点击?#24405;?lt;/span><br/><span ... 查看原文

暂无相关内容~
  • 资料图所属章节:资料图
    下载
  • 思维导图所属章节:思维导图
    下载
  • jquery 手册所属章节:jquery 手册
    下载
  • 课件源码所属章节:课件源码
    下载
李景山

李景山

TA的课程

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

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

?#22836;?#28909;线 400-862-8862

回到顶部

天天炫斗凯瑟琳技能搭配
云顶国际彩票提现不了怎么办 21点规则及玩法攻略 网上打三公有什么技巧 时时彩四码 长沙小姐一条龙服务 曰韩爆乳美女不看后悔av 彩宝彩票官网安卓 北京pk10彩票官网 彩经重庆时时开奖号码 澳洲幸运5破解软件