06 2018 档案
摘要：HTML代码 先引入JQ库 jquery代码如下
阅读全文
摘要：JavaScript代码放在哪里？ 浏览器在渲染HTML页面时，是从头到尾，一行一行地检查执行的。如果JavaScript代码在前面，HTML元素在后面，遇到JavaScript选择一个还未渲染的HTML元素将会选择失败。因此，通常的做法是将脚本放在页面最后（紧跟在</body>标签之前）。 rea
阅读全文
摘要：jQuery提供animate()方法来创建动画。 animate()方法动画原理：改变CSS属性来影响元素行为。目前仅仅能修改属性值为数值的属性，如height weight font-size等，属性值为字符串的属性不能改。 更重要的是：在animate()方法中，属性名采用caml命令，不能使
阅读全文
摘要：jQuery提供一些特效方法来增强web页面人体验。 支持基本特效、淡入淡出特效、滑动特效、自定义特效。 基本特效 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <!DOCTYPE html>
阅读全文
摘要：恢复内容开始 有时候需要知道元素当前的位置。 jQuery中有几个方法可以获取元素在页面中的位置。 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
阅读全文
摘要：jQuery提供一些方法获取尺寸。 获取盒子的宽度包含内边距、边框、外边距。 修改宽度示例：
阅读全文
摘要：clone() 创建匹配结果及其后代和文本节点的副本 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 <!DOCTYPE html> <html> <head> <meta
阅读全文
摘要：remove 示例，移除全部元素 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>remo
阅读全文
摘要：建立元素经历的过程： 1、建立元素2、为元素添加文本或属性3、将元素追加到DOM中 添加元素以下几个方法： 创建元素通常有以下几种方式。 1、采用html创建元素。 1 var el= "<p>全面深化改革</p>"; 1 var el= "<p>全面深化改革</p>"; 1 var el= "<p
阅读全文
摘要：事件委托就是利用事件冒泡原理，把处理任务委托给父元素或者祖先元素（通常用父元素），我们通过目标对象来判断事件源，并执行事件处理。 jQuery实现事件委托可以调用on()方法，这样写： 1 $(el).on( events [, selector ] [, data ], handler(event
阅读全文
摘要：事件对象，相当于《JavaScript教程/事件触发元素》。 每个事件处理函数都会获得一个事件对象，该对象中包含和此事件相关的方法及属性。 事件对象在事件触发时自动传入。 事件对象的属性有： type：事件类型，如click、mouseover等 which：被按下的按钮或键 data：当事件发生时
阅读全文
摘要：on()方法用来处理事件。jQuery会处理所有浏览器的兼容性问题。 on()方法可以指定影响哪个事件，相当于JavaScript中的addEventListener()事件监听。 on()方法有两个参数： 第一个参数，是事件，同addEventListener()事件监听的第一个参数一样，用引号括
阅读全文
摘要：在《jQuery教程/理解选取更新范围》一节中，我们知道：当选择器返回了多个元素时，可以使用一个方法来更新所有的元素，不再需要使用循环。 然后有的时候需要遍历元素，怎么办？ 使用each()方法可以遍历。 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 1
阅读全文
摘要：如果需要在同一个选取结果上使用多个jQuery方法，可以同时列出这些方法，并用.隔开，如下面的代码。 1 $("#one").hide().delay(500).fadeIn(1500); 1 $("#one").hide().delay(500).fadeIn(1500); 1 $("#one")
阅读全文
摘要：在JavaScript中，如果需求对多个元素重复进行同样的操作，就需要写一个循环来遍历选中的所有元素。 在jQuery中，当选择器返回了多个元素时，可以使用一个方法来更新所有的元素，不再需要使用循环。 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
阅读全文
摘要：jQuery还提供以下方法来过滤节点。 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"
阅读全文
摘要：获取子节点的方法有： children()示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html> <head> <meta charset="UTF-8
阅读全文
摘要：获取兄弟节点的常用方法有： 获取所有兄弟节点 使用方法siblings() 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html> <head> <me
阅读全文
摘要：通过获取父节点，还可以获取父节点的父节点。 有3个常用方法： 示例： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html> <html> <head> <meta char
阅读全文
摘要：遍历DOM在jQuery中是非常重要的技术。 遍历DOM之前，需要对DOM有清晰的认识，了解文档节点、元素节点、属性节点、文本节点等相关概念。不清楚可以温习下《JavaScript教程.DOM树》 DOM树示意图：
阅读全文
摘要：获取CSS使用方法css("CSS属性名称")， 示例css("color") 设置CSS使用方法css("CSS属性名称","属性值")， 示例css("color","blue") 如果要设置多个CSS属性，使用{}花括号括起属性名称和值，示例css({'color': 'red', 'font
阅读全文
摘要：attr() 方法，可以获取修改元素属性。 获取属性，使用：attr("属性名") 相当于JavaScript中的getAttribute()。 设置属性，使用：attr("属性名","属性值") 相当于JavaScript中的setAttribute()。 删除属性，使用：removeAttr("
阅读全文
摘要：val() 方法，获取和修改有value属性的元素，有value属性的元素有input、botton、select等。相当于JavaScript中的value。
阅读全文
摘要：html() 方法，获取元素文本，包含元素标签，也可以设置元素的文本值（包含元素标签），还可以包含子元素标签。相当于JavaScript中的innerHTML。
阅读全文
摘要：text() 方法，获取元素文本，也可以设置元素的文本值。相 当于JavaScript中的textContent。
阅读全文
摘要：jQuery的选择器相比JavaScript更简单明了。 $()查找元素 $()是jQuery的元素选择器，各种DOM是这样选择的： 基本选择器 基本筛选器 内容选择器 可见性选择器 子节点选择器 属性筛选器 表单筛选器
阅读全文
摘要：Nginx负载均衡是通过upstream模块来实现的。Nginx负载均衡内置实现了三种负载策略： 1、 轮循（默认）Nginx根据请求次数，将每个请求均匀分配到每台服务器。 2、最少连接，将请求分配给连接数最少的服务器。Nginx会统计哪些服务器的连接数最少。 3、IP Hash，绑定处理请求的服务
阅读全文
摘要：在Java企业级应用中，反向代理通常用来分流，或用来代理tomcat等Servlet容器服务。 在本例需求，Nginx反向代理tomcat，代理和服务对客户透明。当客户在浏览器上输入www.hello.com.cn时，请求会发给Nginx，Nginx本身不产生内容，将请求交给tomcat，tomca
阅读全文
摘要：网络术语 IP Address 互联网协议地址（英语：Internet Protocol Address，又译为网际协议地址），缩写为IP地址（英语：IP Address），是分配给网络上使用网际协议（英语：Internet Protocol, IP）的设备的数字标签。常见的IP地址分为IPv4与I
阅读全文
摘要：为节省资源，通常一个服务器会运行多个网站，通常一个服务一个IP，多个域名共用一个IP，多个域名共用一个端口（通常是80端口）。 这时候需要一台服务器部署多个网站，多个网站共用一个IP，共用一个80端口。 关键技术： 1、修改nginx下conf目录文件nginx.conf文件。 2、如果有多个ser
阅读全文
摘要：部署单个网站非常简单，只要将网站HTML文件和资源文件(.jpg .css .js等)全部复制到nginx-1.13.12\html目录下。 然后启动 启动进入cmd，切换到nginx-1.13.12目录， 使用命令： start nginx start nginx 停止使用命令 nginx -s
阅读全文
摘要：环境：Windows 10 Nginx ：nginx-1.13.12 安装步骤： 1、下载Nginx 进入官方网站下载页面 https://nginx.org/en/download.html 可以看到有3个版本： Mainline version：是 Nginx 目前主力在做的版本，可以说是开发版
阅读全文
摘要：Nginx（发音同engine x）是一个异步框架的 Web服务器，也可以用作反向代理，负载平衡器 和 HTTP缓存。该软件由 Igor Sysoev 创建，并于2004年首次公开发布。同名公司成立于2011年，以提供支持。 Nginx是一款免费的开源软件，根据类BSD许可证的条款发布。一大部分We
阅读全文
