轻水与猫的博客

原创 jQuery实现AJAX

原创 XMLHttpRequest发送请求/取得响应

1、open(method,url,async)    方法，请求地址，请求同步或者异步2、send(string)    通过 request.onreadystatechange=function()方法对事件进行监听

原创 Http请求

原创 AJAX，同步，异步

异步：页面的一部分会实时更新

原创 jQuery--动画stop

语法：$(selector).stop(stopAll,goToEnd);$(selector).stop（） 停止当前动画，队列中不止一个动画，则执行下一个$(selector).stop（true) 停止所有动画$(selector).stop（true,true） 停止当前动画，但完成动作...

原创 jQuery事件

event.stopPropagation() 方法：阻止事件冒泡event.which：获取在鼠标单击时，单击的是鼠标的哪个键event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标

原创 jQuery--遍历

children(.selector)  找子元素                                  无参数：找到匹配元素的直接子元素                                有参数：找到匹配子元素的指定子元素find()  找后代元素，必须有参数parent() 向上查找一级父元素，可以有参数parents() 查找所有父级元素，返回一个集合，集合的顺序从最...

原创 jQuery--DOM

.detach() 隐身.remove 自杀.empty 身体被掏空.clone 复制 （true全复制 false 浅复制，无事件）.replaceWith 删除并替换节点（结合.replaceAll()来记）.wrap 每个人加个爸爸.unwrap 爸爸没了.wrapAll 所有人加一个爸爸.wrapAll（function）每个人加个爸爸wrapInner(wrappingElement) ...

原创 .css()

.css()：获取元素样式属性的计算值或者设置元素的css属性。获取：        .css(propertyName):获取匹配元素集合中的第一个元素的样式属性的计算值        .css(propertyNames)；传递一个数组，返回一个对象结果。设置：        .css(propertyName,value):设置css        .css(propertyName,fun...

原创 .addClass() .removeClass() .toogleClass()

.addClass(className)   为每个匹配元素增加一个或多个样式名.addClass(function(index,currentClass))  返回一个或多个要增加的样式名    多个用空格隔开.removeClass([className]): 移除一个或多个样式名   多个用空格隔开.removeClass(function(index,class)) 返回一个或多个将要被移...

原创 .html() .text() .val()

.html():    1 .html()  获取集合中第一个匹配元素的HTML内容    2. html(htmlString) 设置没一个匹配元素的html内容    3. .html(function(index,oldhtml)) 返回设置HTML内容的一个函数.text():       1. text() 获取到元素集合中每隔元素的合并文本，包括后代        2. text(te...

原创 选择器（一）

id选择器 ： $("#id")类选择器：$(".class")元素选择器 ： $("element")全选择器：$("*")层级选择器：

原创 初识jQuery

jQuery  DOM相互转换。jQuery-->DOM:  DOM --> jQuery : 

原创 JSON

JSON是一个特殊格式的字符串，这个字符串可以被任意的语言识别，并且可以转换为任意语言中的对象。JSON在开发中主要用来数据交互。JSON和JS对象的格式一样，只不过JSON字符串的属性名必须加双引号。JSON分类：1、对象{}   var obj = '{"name":"孙悟空","age":"18"}';                    2、数组[]        var  arr ='...

转载 bom dom

http://blog.csdn.net/qq877507054/article/details/51395830https://zhidao.baidu.com/question/713631827988588645.html

原创 定时器

如果希望一段程序每间隔一段时间执行一次，可以使用定时调用。setInterval() - 定时调用，可以使一个函数每隔一段时间执行一次。                    - 参数：1、回调函数；                                2、每次调用间隔事件（ms）;                        -返回值：                        ...

原创 BOM

BOM ：浏览器对象模型  。通过JS操作浏览器- BOM对象：Window -代表整个浏览器的窗口，也是网页中的全局对象   Navigator - 代表当前浏览器的信息，通过该对象可以识别不同的浏览器                        一般使用userAgent来识别浏览器信息。                        console.log(Navigator.userAg...

原创 滚轮事件

onmousewheel   滚轮滚动时触发event.wheelDelta  获取滚轮滚动方向  这个值不看大小只看正负  正值向上。滚动滚轮时，如果浏览器有滚动条会默认随之滚动，return false可以取消。

原创 setCapture

无论点击什么都会先出现设置了setCapture的元素的事件。

原创 事件的委派，绑定

事件的委派：指将事件统一绑定给元素的共同的祖先元素，这样当后代元素上的事件出发时，会一直冒泡到祖先元素，   从而通过祖先元素的响应函数来处理事件。事件的绑定：使用 对象.事件=函数 的形式绑定响应函数   只能同时为一个元素的一个事件绑定一个响应函数，多个前面会被后面的覆盖。  addEventListener(事件字符串不要on，回调函数当事件触发时该函数会被调用，

原创 事件的冒泡

事件的冒泡（Bubble）: 所谓冒泡指的是事件的向上传导，后代元素上的事件被触发时，其祖先元素的相同事件也会触发。     开发中大部分冒泡是有用的，如果不希望发生事件冒泡可以通过事件对象来取消。取消冒泡：将事件对象的cancelBubble设置为true。event.cancelBubble=true;

原创 事件对象

onmousemove  鼠标在元素中移动时会触发事件对象 ：当事件的响应函数被触发时，浏览器每次都会将事件对象作为实参传递给响应函数。   在事件对象中封装了当前事件相关的一切信息，比如：鼠标的坐标，滚上滚动方向，键盘按键event.clientX/event.clientY 获取鼠标指针在当前可见窗口的坐标的水平/垂直坐标pageY/pageY 获取鼠标相对于当前页面的水平

原创 其他样式相关的属性

element.clientHeight  元素可见高度element.clientWidth  元素可见宽度        这些属性返回不带px，直接返回数字，可以直接进行计算。        包括内容和内边距也会算在内，不包括边框。只能读不能改。有滚动条减去滚动条element.offsetHeight 返回元素高度element.offsetWidth 返回元素高

原创 通过JS修改元素样式

语法：  元素,style.样式名 = 样式值var box1=document.getElementById("box1"); box1.syle.width="100px";注意：如果CSS样式名含有 “-”如：background-color，这种名称在JS中不合法，需要将样式名修改为驼峰命名法，backgroundColor。style设置的样式都是内联样式，有较高的优

原创 DOM增删改

document.createElement();  -可以用于创建一个元素节点，需要一个标签名作为参数，根据标签名创建元素节点对象。      document.createElement("li");document.createTextNode(); - 用于创建一个文本节点对象，需要一个文本内容作为参数，根据参数创建文本节点     document.createTex

原创 DOM-文档对象模型

节点：Node--构成HTML文档最基本的元素常用节点分四类：-文档节点：整个HTML文档  -元素节点：HTML文档中的HTML标签   -属性节点：元素的属性  -文本节点：HTML标签中的文本内容事件：就是用户和浏览器的交互行为，比如鼠标移动。文档的加载：浏览器加载页面是按照自上向下的顺序，读取到一行就运行一行。   onload事件会在整个页面加

原创 正则表达式

正则表达式：用于定义一些字符串的规则。计算机根据正则检查字符串是否符合规则，  获取将字符串中符合规则的内容提取出来语法：var 变量 = new RegExp("正则表达式","匹配模式")var reg = new RegExp("a","i");正则表达式的方法：test()  -使用这个方法检查一个字符串是否符合正则表达式的规则，符合返回truereg.test("

原创 String方法

在底层字符串是以字符数组的形式保存的。-length 获取字符串长度-charAt() 返回字符串中指定位置的字符-concat() 用来连接两个或多个字符串-indexof() 检索一个字符串中是否含有指定内容，如果有这个内容就返回第一次出现的索引，没有返回-1.   可以指定第二个参数，指定开始查找的位置-lastIndexOf() 从后往前找，其余同indexof一样

原创 Math

Math：Math和其他对象不同，不是一个构造函数。它属于一个工具类不用创建对象。Math.ceil();//向上取整   1.1-->2Math.floor();//向下取整  1.99-->1Math.round();//四舍五入取整Math.random();//0-1之间的随机数，不会出现0，1   生成一个x-y之间的随机数：Math.round(Math.rando

原创 Date

Date对象：在JS中使用Date对象表示一个时间。var d=new Date();//当前时间创建指定时间：格式： 月份/日期/年份 时:分:秒var d2=new Date("02/01/2018 14:23:22");var date=d2.getDate();//getDate()获取对象的日期var day=d2.getDay();//getDay()返回一周里的某

原创 数组的一些方法

slice()   截取数组。语法：array.slice(start,end);  该方法不会改变原数组。  end可以不写，表示一直截取到最后。也可以是负数，表示倒数第几个。var arr=["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];var newArr=arr.slice(0,2);  //孙悟空 猪八戒splice()  删除数组指定元素。会影响原数组