jQuery学习路线
教程规划面向对象web前端/后端[php、python、ruby]技术入门级技术人员学习要求具有一定的javascript的语言基础,至少要会函数、时间、语法、变量、字符串/数组/json,若这里面有不清楚,学习这门课程会有困难的。目标1、完成基本的前端页面效果的制作2、基础插件的使用知识点1、Jq... 查看原文
Jquery php前端开发最重要的基础语言之一,学习本课程,麦子学院资深php开发工程师将带你全面熟悉、掌握Jquery相关应用,创造不一样的php世界。
41章节|55491次播放
教程规划面向对象web前端/后端[php、python、ruby]技术入门级技术人员学习要求具有一定的javascript的语言基础,至少要会函数、时间、语法、变量、字符串/数组/json,若这里面有不清楚,学习这门课程会有困难的。目标1、完成基本的前端页面效果的制作2、基础插件的使用知识点1、Jq... 查看原文
基础选择器:ID、Class、元素(p、div、span)基础选择器用法案例<!DOCTYPE html><html><head>????<meta charset="UTF-8">????<title></title><script type="text/javascript" src="publ... 查看原文
ID选择器的写法<script>$(function(){//ID选择器$(“#sp1”).click(function(){Alert(‘IT work’);});//当sp1点击});</script>执行效果点击ID1,弹出jquery提示框如图所示:?如何选择目标现在我们的选择器已经选中了,... 查看原文
class选择器的用法代码依然采用上节课的<script>$(function(){//ID选择器$(“#sp1”).click(function(){$(“#ID1”).toggleClass(‘jingshan’);});//点击ID1选择器时,ID1显示红色。$(“#sp2”).click(f... 查看原文
元素选择器不是很复杂,也非常简单,下面给大家举个例子,写法还在跟ID选择器、class选择器一样。实例演示//元素选择器$(“#sp6”).click(function(){$(“span”).toggleClass(‘jingshan’);});在这里也要相应的添加上span选择器扳机:<h2>这... 查看原文
并列选择器与元素选择器的区别并列选择器之间有逗号做分隔符,而家族选择器之间是没有逗号做分隔符的,而是采用空格。案例//家族$(“#sp10”).click(function(){$(“ul span”).toggleClass(‘jingshan’);});与之对应的添加上操作目标:<span id... 查看原文
案例//父子$(“#sp11”).click(function(){$(“#li_1>span”).toggleClass(‘jingshan’);});与之对应的添加上操作目标:<span id=”sp11”>#li_1>span选择器</span>演示效果(父子选择器)【本文由麦子学院独家原创,... 查看原文
案例//紧邻$(“#sp12”).click(function(){$(“#ID1+span”).toggleClass(‘jingshan’);});与之对应的添加上操作目标:<span id=”sp12”>#ID1+span选择器</span>演示结果?【本文由麦子学院独家原创,转载请注明出处并... 查看原文
案例//同辈$(“#sp13”).click(function(){$(“#ID1~span”).toggleClass(‘jingshan’);});与之对应的添加上操作目标:<span id=”sp13”>#ID1~span选择器</span>演示结果总结家族与父子选择器之间的区别是家族选择之间... 查看原文
伪类选择器的类型1、头尾:first——$(“div:first”):last——$(“div:last”)2、奇偶:even——$(“input:even”):odd——$(“input:odd”)3、等于/不等于/大于/小于not(selector)①$(“input:not(.myClass)... 查看原文
这节教程主要给大家讲解伪类选择器中的属性选择器属性选择方式的类型1、[attribute]——$("div[id]")2、[attribute=value]——$("input[name='newsletter']")3、[attribute!=value]——$("input[name!='new... 查看原文
事件模型的类型1、冒泡型事件(Event Bubbling),一般IE浏览器中才支持此类型。(向上捕获类型)2、捕获型事件(Event Capturing)(向下捕获类型)3、DOM标准同时支持两种事件模型,即捕获型事件与冒泡型事件?DOM标准流程图【本文由麦子学院独家原创,转载请注明出处并保留原文... 查看原文
相关事件分类首先打开一个浏览器(输入www.maiziedu.net),如下图: 作为一个浏览器来讲,能够响应用户输入的东西有哪些?浏览器本身可以做尺寸缩放、加载/退出。人与浏览器之间的互动媒介有键盘、鼠标。下面具体来看下事件具体分类:1、浏览器①ready②resize③scroll2、鼠标①cl... 查看原文
怎么写事件首先在public文件下面创建一个lesson3-resize.html,尝试在浏览器中预览一下lesson3-resize.html,效果图如下:?显示这样的页面,表示一切都正常,下面开始我们事件案例学习。resize事件的应用<body><span>resize次数:</span><s... 查看原文
scroll的应用同样新建一个lesson3-scroll.html<body style=”height:2000px; padding:500px;”><span>scroll次数:</span><span ?id=”times”>0</span></body><script>$(window)... 查看原文
鼠标事件现在新建一个文件lesson3-index.html<body><label for=”” id=”click1”>点击标签</label><br/><label for=”” id=”hover1”>悬停标签</label>?</body><script>????$(function(){... 查看原文
这节给大家讲解blur标签与focus标签。代码首先我们需要对应的input。下面一起来写:<input type=”text” id=”input1” name=”maizi” placeholder=”输入东西1”/>操作代码:?// focus blur 事件????????$("#input... 查看原文
代码<input type=”text” id=”input1” name=”maizi” placeholder=”输入东西up”/><input type=”text” id=”input1” name=”maizi” placeholder=”输入东西down”/>?<input type=”... 查看原文
事件处理方式1、On2、Bind3、Unbind4、Trigger5、Live,最新版本被移除了6、Die,最新版本被移除了演示事件处理方式<span id=”t_on”>on的点击事件</span><br/><span id=”t_bind”>bind的点击事件</span><br/><span ... 查看原文