2017年09月_alightman

原创 jQuery操作DOM

一、jQuery操作样式二、jQuery操作属性三、jQuery动画简单操作四、jQuery操作dom节点增删操作一、jq操作样式1.css操作：功能：设置或者修改样式，操作style属性a.设置单个样式，css(name/属性名,value/属性值);$('#box').css(‘background’,'#000')b.设置多个样式，参数是对

2017-09-27 01:06:59 161

原创 DOM操作

一般来说，DOM操作分为3个方面，即DOM Core(核心)、HTML-DOM和CSS-DOM。1.DOM Coredom core 并不专属于JS，任何支持DOM的程序设计语言都可以使用它，它的用途并不仅限于处理网页，可以用来处理任何一种使用标记语言的编写的文档。document.getElementsByTagName("form");在JS中getElementB

2017-09-27 01:05:43 225

原创 js的栈堆概念

栈堆概念Js中没有栈堆概念，引入它为了方便理解和更好的学习：数据类型基本类型数据叫做值类型，复杂类型又叫做引用类型a.值类型，简单数据类型，在存储时，变量中存储的是值本身，因此叫做值类型。b.引用类型，复杂数据类型，在存储时，变量存储的仅仅是地址，用其引用，因此称为引用数据类型。栈堆空间分配概念1.栈由操作系统自动分配释放，存放函数的

2017-09-26 00:30:21 777

原创 Js中对象初认识

对象1.对象初识JavaScript的对象是一组由键-值组成的无序集合，例如：var person = { name: 'zhangsan', age: 20, tags: ['js','web','mobile'], city: 'Beijing',hit:null};JavaScript对象的键都是字符

2017-09-26 00:20:36 265

原创 js的null与undefined的设计初衷

null表示一个“空”的值，它和0以及空字符串''不同，0是一个数值，''表示长度为0的字符串，而null表示“空”。在其他语言中，也有类似JavaScript的null的表示，例如Java也用null，Swift用nil，Python用None表示。但是，在JavaScript中，还有一个和null类似的undefined，它表示“未定义”。JavaScript的设计者希望用null表示

2017-09-26 00:19:00 299

原创 jquery选择器

1.css选择器通用1）标签选择器，以文档元素作为选择器2）ID选择器，以ID标识符作为选择器；3）类选择器，class4）并集选择器，div,img,ul5）后代选择器，#id ul li6 )通配选择器，*{}；7）子代选择器，ul>li；8）临近选择器，E+F；9）交集选择器，div.class；2.jquery选

2017-09-25 01:47:54 183

原创 jquery对象与dom对象

一、两者区别DOM对象通俗点讲就是document.get取出来的，js中getElementsByTagName获取元素节点得到的dom元素就是dom对象（dom树）Jquery对象用$()取出来的都是jq对象，通过jq包装DOM对象后产生的对象jq方法只能jq对象调用，是jq独有的，在jq对象中无法使用dom对象的任何方法。dom方法只能dom对象去调用;二、相互转

2017-09-25 01:46:20 596

原创 Jquery初识及用法

一、js的几个弊端：1、js的入口函数只能有一个，后面的会覆盖掉前面，而且是当页面上的所有的资源都加载完毕之后才执行J2、找对象麻烦，方式单一3、手动去写for循环4、原生js有兼容问题5、代码的容错率不高一旦报错，后面都不执行6、js实现动画比较麻烦，手动封装二、JQuery的优势1、轻量级。100k，压缩后十几k。2、强大的选择器。css

2017-09-25 01:43:54 234

原创鼠标经过,产品图片的局部放大

原理：两张图片，大div包含两个图片的div，大图片隐藏找到对象var box = document.getElementById("box");//大的盒子模块var smallBox = document.getElementById("smallBox");//小图片var mask = document.getElementById("mask");//黄色高亮区域va

2017-09-24 01:13:30 2504

原创简易鼠标移动

document.addEventListener("mousemove", function (e) {box.style.left = e.pageX-box.offsetWidth/2+"px";box.style.top = e.pageY-box.offsetHeight/2+"px";})我想将光标原点放在盒子的中间得到的e.pageX减去盒子宽度的一半-box

2017-09-24 01:09:49 211

原创事件对象及常用属性

事件对象：触发某个事件，都会产生一个事件对象Event，document.onclick = function (e) {console.log(e);}//获取事件对象的兼容性代码//e = e || window.event;ie678没有当成参数传给函数，而是绑定在了属性window.eventMouseEvent鼠标事件事件对象的常用属性sc

2017-09-24 01:06:39 1102

原创事件流及其三阶段

事件流1.事件的捕获阶段2.事件的目标阶段3.事件的冒泡阶段事件有三个阶段，首先发生的是捕获阶段，然后是目标阶段，最后才是冒泡阶段，对于捕获和冒泡，我们只能干预其中的一个，通常来说，我们可能会干预事件冒泡阶段，而不去干预事件捕获阶段。1、事件捕获事件捕获是火狐浏览器提出来的，IE678不支持事件捕获（基本上，我们都是用事件冒泡）事件的处理将从DOM层次的根开始，

2017-09-24 01:01:12 4494

原创 addEventListener注册事件（事件监听）

注册事件的简单方式:：bth.on事件 = function{}；如果重复注册相同的事件，后面的事件会把前面的事件覆盖掉。例子：输入一下代码，点击事件，控制台输出document.onclick=function() {console.log("厉害");}document.onclick=function() {console.lo

2017-09-24 00:54:49 5108 2

原创 js获取当地时间做当地指针始终

做一个机械钟表，钟表背景，做一个三指针偏转的动画效果1、获取当地时间获取三个指针的对象（样式不赘述）var h = document.getElementById("h");var m = document.getElementById("m");var s = document.getElementById("s");获取当地时间function setTim

2017-09-23 01:26:01 242

原创数组的随机点名

var random = parseInt(Math.random()*arr.length);for(var i = 0; i lis[i].className = "";}lis[random].className = "style";*(找到对象，多个lis，遍历出来，清掉所有人，lis[i]的i的数字随机赋值样式)关于排他，前面的去空和后面的赋值，一定要属性

2017-09-23 01:24:05 862

原创 js初学——获取用户数据地址参数

"?name=hucc&pass=123456" {name:"hucc", pass:"123456"}；将获得的地址栏中参数转变为对象封装起来function getParamObj(){varsearch =location.search;//获取地址栏中的参数;(在表单域中用户名和密码框中写上cccc,12233s)打印台打印//浏览器htt

2017-09-23 01:17:39 540

原创匿名函数常用Ing

匿名函数匿名函数是指没有名字的函数，匿名就是没有名字，所有直接写会报错，没有办法使用，没有定义函数。所以，匿名函数必须结合着用。用法1，赋值给一个变量/对象的属性（注册事件），通过变量去调用。2，自执行、自调用。3，当成参数进行传递，参数：function；(function(){console.log("呵呵");})()；//自调用函数、自执行函数：

2017-09-23 01:16:26 196

原创 for循环写法进阶

1、常用写法：for(var i=0;iconsole.log(i);console.log(arr[i]);}每次都需要读取一次arr.length,进行判断2、for(var i=0,len=arr.length;iconsole.log(i);console.log(arr[i]);}变量定义完整，不用再从数组中取回长度，直接让计算机判断i与lengt

2017-09-23 01:14:39 2566

原创理解for循环，到底循环了什么？

for循环

2017-09-23 01:12:06 6541 1

alightman的博客