2018年12月_有个机车梦

原创 (22)JQuery - 练习题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> &l

2018-12-13 22:22:14 180

jQuery 中的动画: 隐藏和显示 hide(): 在 HTML 文档中, 为一个元素调用 hide() 方法会将该元素的 display 样式改为 none. 代码功能同 css(“display”, “none”);show(): 将元素的 display 样式改为先前的显示状态. 以上两个方法在不带任何参数的情况下, 作用是立即隐藏或显示匹配的元素, 不会有任何动画. 可以通过制定速度...

2018-12-13 22:00:54 177

原创 (20)Query - 事件处理

jQuery 中的事件-- 加载 DOM在页面加载完毕后, 浏览器会通过 JavaScript 为 DOM 元素添加事件. 在常规的 JavaScript 代码中, 通常使用 window.onload 方法, 在 jQuery 中使用$(document).ready() 方法.加载 DOM 的两种方式: jQuery 的和 window.onlaod $(document).rea...

2018-12-13 17:52:38 297

原创 (19)JQuery - CSS DOM 操作

样式操作获取 class 和设置 class : class 是元素的一个属性, 所以获取 class 和设置 class 都可以使用 attr() 方法来完成.追加样式: addClass()移除样式: removeClass() — 从匹配的元素中删除全部或指定的 class切换样式: toggleClass() — 控制样式上的重复切换.如果类名存在则删除它, 如果类名不存在则添加...

2018-12-13 16:19:28 187

原创 (18)JQuery - 属性操作

属性操作attr(): 获取属性和设置属性当为该方法传递一个参数时, 即为某元素的获取指定属性当为该方法传递两个参数时, 即为某元素设置指定属性的值 jQuery 中有很多方法都是一个函数实现获取和设置. 如: attr(), html(), text(), val(), height(), width(), css() 等.removeAttr(): 删除指定元素的指定属性设置...

2018-12-12 14:30:48 138

原创 (17)JQuery - 包裹节点

包裹节点 wrap():将指定节点用其他标记包裹起来. 该方法对于需要在文档中插入额外的结构化标记非常有用, 而且不会破坏原始文档的语义. wrapAll():将所有匹配的元素用一个元素来包裹.而 wrap() 方法是将所有的元素进行单独包裹wrapInner(): 将每一个匹配的元素的子内容(包括文本节点)用其他结构化标记包裹起来. <!DOCTYPE HTML P...

2018-12-12 10:22:55 198

原创 (16)JQuery - 克隆和替换节点

复制节点clone(): 克隆匹配的 DOM 元素, 返回值为克隆后的副本. 但此时复制的新节点不具有任何行为. clone(true): 复制元素的同时也复制元素中的的事件&amp;lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&a

2018-12-11 23:17:52 289

原创 (14)JQuery - 删除及清空节点

删除节点remove(): 从 DOM 中删除所有匹配的元素, 传入的参数用于根据 jQuery 表达式来筛选元素. 当某个节点用 remove() 方法删除后, 该节点所包含的所有后代节点将被同时删除. 这个方法的返回值是一个指向已被删除的节点的引用. empty(): 清空节点 – 清空元素中的所有后代节点(不包含属性节点).<!DOCTYPE HTML PUBLIC "-//W...

2018-12-11 11:34:49 1855

原创 (15)JQuery - 重写JS实验之员工管理

练习题需求1: 点击 submit 按钮时,　检查是否选择 type, 若没有选择给出提示: “请选择类型”;检查文本框中是否有输入(可以去除前后空格), 若没有输入,则给出提示: “请输入内容”;若检查都通过, 则在相应的 ul 节点中添加对应的 li 节点需求2:使包括新增的 li 都能响应 onclick 事件: 弹出 li 的文本值.&amp;lt;!DOCTYPE html PUB...

2018-12-11 10:37:57 163

原创 (12)JQuery - JQuery中的DOM操作

JQuery中的DOM操作DOM(Document Object Model—文档对象模型)：一种与浏览器, 平台, 语言无关的接口, 使用该接口可以轻松地访问页面中所有的标准组件DOM 操作的分类:DOM Core: DOM Core 并不专属于 JavaScript, 任何一种支持 DOM 的程序设计语言都可以使用它. 它的用途并非仅限于处理网页, 也可以用来处理任何一种是用标记语言...

2018-12-11 09:44:28 94

原创 (11)JQuery - 练习题

练习 1. 给网页中所有的 < p > 元素添加 onclick 事件2. 使第一个tab特定的表格隔行变色3. 对多选框进行操作, 输出选中的多选框的个数初始代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">&lt...

2018-12-10 22:32:22 238

原创 (10)JQuery - 表单过滤选择器

表单对象属性过滤选择器此选择器主要对所选择的表单元素进行过滤表单选择器<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Ty...

2018-12-09 23:13:04 545

原创 (9)JQuery - 子元素过滤选择器

子元素过滤选择器nth-child() 选择器详解如下：(1) :nth-child(even/odd): 能选取每个父元素下的索引值为偶(奇)数的元素(2):nth-child(2): 能选取每个父元素下的索引值为 2 的元素(3):nth-child(3n): 能选取每个父元素下的索引值是 3 的倍数的元素(3):nth-child(3n + 1): 能选取每个父元素下的索引值...

2018-12-09 21:43:45 169

原创 (8)JQuery - 属性过滤选择器

属性过滤选择器属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type&quo

2018-12-09 21:26:36 438

原创 (7)JQuery - 可见性过滤选择器

可见性过滤选择器可见性过滤选择器是根据元素的可见和不可见状态来选择相应的元素可见选择器 :hidden 不仅包含样式属性 display 为 none 的元素, 也包含文本隐藏域 ()和 visible:hidden 之类的元素<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/htm...

2018-12-09 11:15:24 1167

原创 (6)JQuery - 内容过滤选择器

内容过滤选择器内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上1. 改变含有文本 ‘di’ 的 div 元素的背景色为 # bbffaa2. 改变不包含子元素(或者文本元素) 的 div 空元素的背景色为 # bbffaa3. 改变含有 class 为 mini 元素的 div 元素的背景色为 # bbffaa4. 改变含有子元素(或者文本元素)的div元素的背景色...

2018-12-08 19:08:05 115

原创 (5)JQuery - 过滤选择器

过滤选择器过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 “:” 开头按照不同的过滤规则, 过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器.基本过滤选择器<html> <head> <meta http-equiv="Content-Type" content="t...

2018-12-08 18:13:43 140

原创 (4)JQuery - 层次选择器

层次选择器如果想通过 DOM 元素之间的层次关系来获取特定元素, 例如后代元素, 子元素, 相邻元素, 兄弟元素等, 则需要使用层次选择器.** 注意: (“prev ~ div”) 选择器只能选择 “# prev ” 元素后面的同辈元素; 而 jQuery 中的方法 siblings() 与前后位置无关, 只要是同辈节点就可以选取**<!DOCTYPE HTML PUBLIC ...

2018-12-08 16:53:55 186

原创 (3)JQuery - 基本选择器

JQuery选择器选择器是 jQuery 的根基, 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器jQuery 选择器的优点:简洁的写法完善的事件处理机制...

2018-12-08 15:56:01 115

原创 (2)JQuery - JQuery对象和DOM对象

JQueryjQuery 对象就是通过 jQuery($()) 包装 DOM 对象后产生的对象jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#persontab”).html();jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法约定：如果获...

2018-12-08 11:16:26 134

原创 (1)JQuery - helloworld

为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的 Web2.0 特性的富客户端页面, 并且兼容各大浏览器jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库jQuery 理念: 写得少, 做得多. 优势如下:轻量级强大的选择器出色的 DO...

2018-12-08 10:34:07 138

原创 MapReduce的测试

有两种方法第一种：弄成jar包到Linux集群上面测试第二种：到eclipse里面可以进行测试第一种方法1.点击项目 -》右键 - 》 Export （输出） -》在JAVA目录下选择JAR file -》 Browse （选择你要把jar到的地方我们可以直接放到桌面） -》选择OK即可2.启动虚拟机我们把jar包传入到Linux里面去jps - 》 start-a...

2018-12-05 22:03:52 369

原创 Linux-安装VMTools工具

步骤1.打开Vm -》左上角 -》虚拟机 -》 VMware Tools 安装 - 》此时会自动弹出一个文件夹 -》里面含有VMwareTools.XXX.tar.gz2.VMwareTools.XXX.tar.gz 移动到/opt/底下的目录去 -》cd 到/opt目录下 -》 tar -zxvf VMwareTools.XXX.tar.gz3.解压完成之后会发现生成了一个vmwa...

2018-12-05 13:37:02 123

转载 Linux-awk的使用

一个强大的文本分析工具，把文件逐行的读入，以空格为默认分隔符每行切片，切开的部分再进行分析处理。 awk是一行一行处理文本转载主要内容查看：https://www.cnblogs.com/xudong-bupt/p/3721210.html基本用法awk [选项参数] ‘pattern1{action1} pattern2{action2}…’ filenamepattern...

2018-12-05 12:23:54 139 1

转载 Linux-sed的使用

sed是一种流编译器，它一次处理一行内容。处理时，把当前处理的行存储在临时缓冲区中，称为“模式空间”。接着用sed命令处理缓冲区中的内容，处理完成后，把缓冲区的内容送往屏幕。接着处理下一行，这样不断重复，直到文件末尾。文件内容并没有改变，除非你使用重定向存储输出。转载内容：https://blog.csdn.net/jasonchen_gbd/article/details/53969450常...

2018-12-05 09:27:22 632

原创 Hadoop(MapReducer)

MapReduce 进程一个完整的 mapreduce 程序在分布式运行时有三类实例进程：1）MrAppMaster：负责整个程序的过程调度及状态协调。2）MapTask：负责 map 阶段的整个数据处理流程。3）ReduceTask：负责 reduce 阶段的整个数据处理流程。MapReduce编程规范用户编写的程序分成三个部分：Mapper，Reducer，Driver(提交...

2018-12-03 22:37:15 306

魚