摘要：
03-Bootstrap学习 一、Bootstrap的介绍 凡是使用过Bootstrap的开发者，都不在乎做这么两件事情：复制and粘贴。哈哈~，是的使用Bootstrap非常简单，但是在复制粘贴之前，需要先对Bootstrap的用法一一熟悉之后我们才开始干活！ Bootstrap，来自 Twitt 阅读全文
摘要：
04-Bootstrap的插件 1、下拉菜单 代码如下： <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="drop 阅读全文
摘要：
01 响应式页面-@media介绍, 我们为什么要写自适应的页面（响应式页面） 众所周知，电脑、平板、手机的屏幕是差距很大的，假如在电脑上写好了一个页面，在电脑上看起来不错，但是如果放到手机上的话，那可能就会乱的一塌糊涂，这时候怎么解决呢？以前，可以再专门为手机定制一个页面，当用户访问的时候，判断设 阅读全文
摘要：
02-移动端单位介绍 前言 在页面整体布局中，页面元素的尺寸大小（长度、宽度、内外边距等）和页面字体的大小也是重要的工作之一。一个合理设置，则会让页面看起来层次分明，重点鲜明，赏心悦目。反之，一个不友好的页面尺寸和字体大小设置，则会增加页面的复杂性，增加用户对页面理解的复杂性；甚至在当下访问终端（i 阅读全文
摘要：
15-jQuery补充 jquery内容补充 jquery除了咱们上面讲解的常用知识点之外，还有jquery 插件、jqueryUI知识点 jqueryUI 官网： https://jqueryui.com/ jqueryUI 中文网： http://www.jqueryui.org.cn/ jqu 阅读全文
摘要：
13-轮播实现(各种) 无缝轮播实现（比较考验逻辑思维） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; mar 阅读全文
摘要：
14-jQuery的ajax 什么是ajax AJAX = 异步的javascript和XML（Asynchronous Javascript and XML） 简言之，在不重载整个网页的情况下，AJAX通过后台加载数据，并在网页上进行显示。 通过 jQuery AJAX 方法，您能够使用 HTTP 阅读全文
摘要：
12-事件委托（事件代理） 什么是事件委托 通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，委托呢，就是让别人来做，这个事件本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。 举个列子：有三个同事预计会在周一收到快递。为签收快递，有两种办法： 阅读全文
摘要：
11-jQuery的事件绑定和解绑 1、绑定事件 语法： bind(type,data,fn) 描述：为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。 参数解释： type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递 阅读全文
摘要：
09-JS的事件流的概念(重点) 在学习jQuery的事件之前，大家必须要对JS的事件有所了解。看下文 事件的概念 HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是 阅读全文
摘要：
10-事件对象 上篇介绍完我们js的事件流的概念之后，相信大家对事件流也有所了解了。那么接下来我们看一下jquery的事件操作。 在说jquery的每个事件之前，我们先来看一下事件对象 事件对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 阅读全文
摘要：
08-jQuery的位置信息 jQuery的位置信息跟JS的client系列、offset系列、scroll系列封装好的一些简便api. 一、宽度和高度 获取宽度 .width() 描述：为匹配的元素集合中获取第一个元素的当前计算宽度值。这个方法不接受任何参数。.css(width) 和 .widt 阅读全文
摘要：
小米导航案例 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } ul { l 阅读全文
摘要：
06-jQuery的文档操作*** 之前js中咱们学习了js的DOM操作,也就是所谓的增删改查DOM操作。通过js的DOM的操作，大家也能发现，大量的繁琐代码实现我们想要的效果。那么jQuery的文档操作的API提供了便利的方法供我们操作我们的文档。 看一个之前我们js操作DOM的例子： var o 阅读全文
摘要：
05-使用jQuery操作input的value值 表单控件是我们的重中之重，因为一旦牵扯到数据交互，离不开form表单的使用，比如用户的注册登录功能等 那么通过上节知识点我们了解到，我们在使用jquery方法操作表单控件的方法： $(selector).val()//设置值和获取值 看如下HTML 阅读全文
摘要：
04-jQuery的属性操作 jquery的属性操作模块分为四个部分：html属性操作，dom属性操作，类样式操作和值操作 html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr() DOM属性操作：对DOM元素的属性进行读取，设置和移除操作。比如 阅读全文
摘要：
03-jQuery动画效果 jQuery提供的一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供给我们了自定义动画的功能。 显示动画 方式一： $("div").show(); 解释：无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现 阅读全文
摘要：
02-jQuery的选择器 我们以前在CSS中学习的选择器有： 今天来学习一下jQuery 选择器。 jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们更加方便的获取到页面中的元素。 1、jQuery 的基本选择器 代码如下： <!DOCTYPE html> <html lang= 阅读全文
摘要：
01-jQuery的介绍 1.为什么要使用jQuery 在用js写代码时，会遇到一些问题： window.onload 事件有事件覆盖的问题，因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐，代码量多。 代码很乱，各个页面到处都是。 动画效果很难实现。 jQuery的出现，可以解 阅读全文
摘要：
模拟百度导航栏滚动监听 代码如下： 阅读全文