2018年03月_zhou_jiepeng

原创 3.27

validation 插件Validation 是一个优秀的表单验证插件。1.快速上手首先引入Validation库。<script src="./js/jquery.validate.js" type="text/javascript"></script><p> <label for="cusername">姓名&lt

2018-03-27 17:23:36 143

原创 3.26

包裹节点和属性操作1.包裹节点可以用wrap()方法将某个节点用其他标记包裹起来。 $('strong').wrap('<b></b>');1.wrapAll()方法该方法会将所有匹配的元素用一个元素来包裹。$('strong').wrapAll('<b></b>');2.wrapInner()方法该方法将每一个匹配的子元素（包括文本节点）用其他...

2018-03-26 17:13:15 191

jQuery选择器1.基本选择器选择器描述#id根据给定的ID匹配一个元素.class根据给定的类名匹配元素element根据给定元素名匹配元素*匹配所有元素selector1,selector2,selector3将每一个选择器匹配到的元素合并返回2.层次选择器选择器描述$('a d')选取a元素里所有的d后代元素$('p>c')选取p元素下的c子元素$('prev+next')选取紧邻在...

2018-03-25 22:10:49 83

原创 3月22日

认识jQueryjQuery 的理念是：write less,do more。jQuery 极大的简化了 javascript 开发人员遍历HTML文档、操作 DOM 、处理事件、执行动画和开发 Ajax 的操作。1.jQuery优势轻量级。压缩后可以保持在30kb左右。强大的选择器。可以使用CSS1-CSS3几乎所有选择器。出色的DOM操作的封装。可靠的事件处理机制。完善的Ajax。不污染顶级变...

2018-03-22 19:09:21 116

原创 3月21日

面向对象编程中的 this1.this在对象中的运用this 关键字是个非常重要的语法点，在 javascript 编程中如果对 this 不能理解，大部分的编程任务是无法完成的。this 返回的是一个对象，简单的说就是返回属性或者方法当前所在的对象。this.property，在这个代码中，this就是指property属性所在的对象var person = { name : "Tom",...

2018-03-21 18:36:47 117

原创 3月20日

umber对象是数值类型对应的包装对象(引用类型)，可以作为构造函数使用，也可以作为工具函数使用。作为构造函数，用于生成数值类型的对象作为工具函数，可以把其他类型的数据转化为数值Number.NaN：表示非数值。Number.MAX_VALUE：表示最大的正数。Number.MIN_VALUE：表示最小的正数。Number.MAX_SAFE_INTEGER：表示能够精确表示的最大整数。Number...

2018-03-20 17:00:14 120

原创 3月19日

Node.hasChildNodes()返回一个布尔值，判断当前节点是否有子节点。var _asiaUl = document.getElementById("_asia");if (_asiaUl.hasChildNodes()) { _asiaUl.innerHTML = "";}Node.insertBefore()方法用于将某个节点插入当前节点的指定位置。接收两个参数，第一个...

2018-03-19 17:06:19 108

原创 3月18日

DOM和DOM节点1.DOMDOM是Javascript操作网页的接口，全称叫文档对象模型（Document Object Model）。它的作用是将网页转化为一个Javascript对象，从而用Javascript脚本进行各种操作（比如增删元素等）。2.DOM节点DOM的最小组成单位就是节点（node）。DOM树就是由不同类型的节点组成。每个节点可以看成是DOM树上的叶子。在DOM中，节点的类型...

2018-03-18 18:26:54 154

原创 3.15

typeof运算符用于确定当前变量的值是什么数据类型。 console.log(typeof 123); // number console.log(typeof '123'); // string console.log(typeof true); // boolean console.log(typeof test); // function consol...

2018-03-15 15:15:06 141

原创 3.14

标识符、注释和区块1.标识符标识符简单的理解就是“起名字”。在给变量、方法等定义的名称都可以理解为标识符。标识符定义的规则：第一个字符：任意的Unicode字母（包含英文字母和其他语言的字母），以及美元符号$和下划线_；第二个字符及后面的字符开始可以包含0-9的数字； var a = ""; // 合法 var $ = ""; // 合法 var abc = ""; // 合法 ...

2018-03-14 19:02:56 256

原创 3月13日

语句和变量1.语句语句是完成某种特定任务的代码，在Javascript中每条语句要以”;”结束；语句在定义的时候可以出现在一行中，也可以一行出现多条语句，都是允许的；表达式可以单独出现在JS代码中，但是没有任何意思； var _div = ""; var _div = ""; // 没有任何的意思 1 + 2;2.变量变量是对“值”的引用。在其他的场合中，我们有的时候把引用也成为...

2018-03-13 19:26:01 97

原创 css3心得

CSS3 动画功能 (通过改变元素的属性值来实现动画效果的) i.transition 将元素的某一个属性从一个属性值在指定的时间内平滑的过渡到另一个属性值来实现动画功能 ii.animation 通过定义多个关键帧以及定义每个关键帧中元素的属性值来实现更为复杂的动画效果需要运用@keyframes规则，并且要将它绑定在某一个选择器中在CSS3中，效果的实现是由浏览器决定的，由于厂...

2018-03-12 17:06:56 209

原创 3月12日

1.圆角边框border-radius :用于指定圆角边框的圆角半径。如指定1个参数，则4个圆角都使用该长度作为半径。如指定2个参数，则第一个参数作为左上角和右下角的半径，第二个参数作为右上角和左下角的半径。如指定3个参数，第一个参数作为左上角的半径，第二个参数作为右上角和左下角的半径，第三个参数作为右下角的半径。<style> div{ border:2px...

2018-03-12 16:32:53 89

原创 3月9日

DIV和SPAN标签简介我们在之前的练习中发现，HTML标签具有不同的特性。实际上，我们可以将HTML元素分为两大类：区块元素和内联元素。内联元素和区块元素区块元素总是在新的一行上显示。高度、行高、宽度、内边距、外边距等都是可控制的。高度默认为0，是根据元素内的内容而决定的，宽度是父元素的宽度，但是可以通过css控制它，显示的指定他的宽度和高度，可以利用浮动和定位来将他与其他的块元素也显示在一行上...

2018-03-09 20:21:26 186

原创 3.8

CSS颜色颜色是由红（RED），绿（GREEN），蓝（BLUE ）光线的显示结合。CSS的颜色可以通过以下等方法指定：十六进制颜色、RGB颜色、RGBA颜色、颜色名等值指定。十六进制颜色值所有主要浏览器都支持十六进制颜色值。指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。RGB颜色值RGB颜色值在所有主要浏览器都支持。R...

2018-03-08 14:48:41 83

zhou_jiepeng的博客