05 2017 档案
摘要:描述:加载 json 文件,获取数据,也支持jsonp的形式 写法:$.getJSON("地址",function(date){}) 参数: 回调函数:载入成功后运行,处理返回的数据 date:json返回的数据 $.ajax写法:
阅读全文
posted @ 2017-05-31 14:29
念念念不忘
摘要:一、$.get() 描述:ajax采用get方法的时候可以使用这个工具,更加简单 写法:$.get(地址 , 传递的数据 , function(返回的数据,请求状态){}, 期待服务器返回的内容格式); 参数: 地址 :请求页面的地址 传递的数据:可选,发送到服务器的数据 回调函数:可选 返回的数据
阅读全文
posted @ 2017-05-31 14:07
念念念不忘
摘要:写法: $.ajax({ url:"地址", date:"数据名=数据值&数据名=数据值", 或者date:{数据名:"数据值"}, type:"传输方式", success:function(参数){}, error:function(){}, global:false }); 参数的含义: ur
阅读全文
posted @ 2017-05-31 14:05
念念念不忘
摘要:一、.trigger()——主动触发事件 描述:没有执行相应的操作也会主动触发相应的事件,也可以主动触发自定的事件 写法:元素.trigger("事件名称"); 二、.triggerHandler()——主动触发事件,不触发浏览器默认事件 写法:元素.triggerHandler();
阅读全文
posted @ 2017-05-31 11:18
念念念不忘
摘要:一、.stop()——停止正在运行的动画 描述:停止正在运行过程中的动画 写法: 1、元素.stop(); 停止形式:停止正在运行的动画,如果重新开始动画,没执行的动画会继续执行 2、元素.stop(是否停止未执行完的动画,是否将正在执行的动画跳到末状态); 参数: 参数1:布尔值,如果为true则
阅读全文
posted @ 2017-05-26 17:01
念念念不忘
摘要:一、.serialize()——将form表单的数据转为字符串 描述:将DOM元素内容序列化,返回字符串,用于ajax请求 写法:元素.serialize() 简化ajax数据: 二、 .serializeArray()——将form表单的数据返回json格式的数据 描述:将DOM元素序列化后,返回
阅读全文
posted @ 2017-05-26 15:56
念念念不忘
摘要:一、基本信息 描述:复制指定的元素 剪切:原来的元素依然存在,不是剪切 写法: 1、元素.clone() 绑定事件:没有复制 2、元素.clone(true) 绑定事件:一起复制
阅读全文
posted @ 2017-05-26 14:04
念念念不忘
摘要:JQ在其他库之后引用 一、用jQuery代替$ 描述:$是jQuery的一个简写形式,$("aa")可以写成jQuery("aa") 用法:在需要把$的使用权转交给其他库(例如:prototype.js)的时候,写$.noConflict();,即可用jQuery代替$ 二、自定义字符代替$. 写法
阅读全文
posted @ 2017-05-25 09:55
念念念不忘
摘要:一、写法 写法1:元素.animate({属性:属性值},速度,运动形式,动画完成时执行函数) 多个属性执行顺序:同时执行。如果需要按顺序执行,需要分开写.animate() 写法2:元素.animate().animate() 描述:.animate()也可以链式操作,先执行前面的animate在
阅读全文
posted @ 2017-05-25 09:39
念念念不忘
摘要:一、 .slideUp()——向上卷曲 写法:元素.slideUp(); 可选参数: slow —— 600ms normal——400ms fast——200ms 改变参数:高度,最终是将display:none 描述:元素向上卷曲直至隐藏 引号:如果是slow等需要加,如果是数字不用加 回调函数
阅读全文
posted @ 2017-05-22 12:13
念念念不忘
摘要:一、.fadeIn()——淡入 改变参数:透明度 写法:元素.fadeIn(); 参数: 1、速度:"slow"、"fast" 或毫秒 2、函数:淡入后执行的函数 3、默认:400毫秒 二、.fadeOut()——淡出 改变参数:透明度,最终也是将display:none 写法:元素.fadeOut
阅读全文
posted @ 2017-05-19 17:14
念念念不忘
摘要:一、.hide()——元素的隐藏 描述:让元素隐藏起来,实际就是将display:none 改变内容:宽度、高度、透明度 参数: 1、动画执行时间 2、速度曲线 3、隐藏后执行的函数 写法: 1、元素.hide(); 2、元素.hide(速度曲线)——隐藏速度的快慢 参数: slow —— 600m
阅读全文
posted @ 2017-05-19 16:54
念念念不忘
摘要:一、基本信息 范围:文本框</textarea>、多选框<input type="checkbox">、单选框<input type="radio">、下拉列表<select>等表单元素 二、设置表单元素的值 写法:元素.val("数值") 三、获取表单元素的值 写法:元素.val() 多选返回值:
阅读全文
posted @ 2017-05-19 14:02
念念念不忘
摘要:一、.parent() ——获取元素的父级元素 描述:获取元素的父级,不管父级元素是否有定位 写法:元素.parent() 二、.parents()——获取元素的所有祖先节点 描述:获取元素的所有祖先节点,一直到<html>。也可以筛选符合条件的祖先节点 获取到的元素个数:多个 写法:元素.pare
阅读全文
posted @ 2017-05-19 13:47
念念念不忘
摘要:描述:获取距离元素最近的定位父级(position:absolute或relative)的相对偏移量 写法: $("元素").positon().left——获取到有定位的父级的左侧距离,距离不包括元素本身的margin值,只是left $("元素").positon().top——获取到有定位的父
阅读全文
posted @ 2017-05-19 13:39
念念念不忘
摘要:一、原生JS的相关方法 原生:offsetLeft、offsetTop 定位标准:查看父元素是否有定位,如果父元素有定位则距离为到定位父级元素的距离。如果父级没有定位则距离为到屏幕的top和left距离 二、JQ的方法 描述:获取元素距离屏幕左侧和顶部的距离,和父级是否有定位没有关系 返回对象包含属
阅读全文
posted @ 2017-05-19 13:34
念念念不忘
摘要:描述:获取的是鼠标相对于文档的位置(包含滚动条等) 写法: 获取X坐标:元素.pageX 获取Y坐标:元素.pageY
阅读全文
posted @ 2017-05-18 09:56
念念念不忘
摘要:写法:$("元素").scroll() / $("元素").scroll(function(){}); 描述:触发页面滚动,或当页面发生滚动的时候执行函数
阅读全文
posted @ 2017-05-18 09:33
念念念不忘
摘要:一、.scrollTop() 写法:元素.scrollTop() 描述:获取元素滚动条距离顶部的距离 单位:没有 二、.scrollLeft() 写法:元素.scrollLeft() 描述:获取元素滚动条距离左侧的距离 单位:没有
阅读全文
posted @ 2017-05-16 16:06
念念念不忘
摘要:一、.width() —— 获取、设置元素的宽度 写法:$("元素").width(); 单位: (1)没有单位,默认的单位是px (2)除了px以外的单位需要传递字符串 与.css("width")的区别:.css()获取到的有px单位,css获取到的是样式设置的值,.width()获取的是实际的
阅读全文
posted @ 2017-05-12 13:40
念念念不忘
摘要:一、.attr() 描述:设置或返回被选元素的属性值 1、设置属性值 (1)单条属性值 写法:$("元素").attr("属性名","属性值"); (2)多条属性值 写法:$("元素").attr({属性:"属性值",属性:"属性值"}); 注意:属性值的位置也可以是函数 2、获取属性值 写法:$(
阅读全文
posted @ 2017-05-11 16:05
念念念不忘
摘要:一、.next()——下一个兄弟节点 写法:$("元素").next(); 描述:下一个紧挨的兄弟节点,只包含下一个,不是之后所有的 元素个数:1个 二、.prev()——上一个兄弟节点 写法:$("元素").prev(); 描述:上一个紧挨的兄弟节点,只包含上一个,不是之前所有的 元素个数:1个
阅读全文
posted @ 2017-05-11 15:36
念念念不忘
摘要:描述:页面加载完就开始执行,与JS的window.onload = function(){};类似 区别:window.onload = function(){};是页面中的所有内容都加载完后才执行,包括图片等 $(function(){})是页面中的DOM结构加载完就执行,不包括图片内容。相当于$
阅读全文
posted @ 2017-05-10 11:40
念念念不忘
摘要:写法: 1、设置:$('元素').css('属性名','属性值'); 2、获取:设置:$('元素').css('属性名'); 3、$("元素").css({"属性名1":"属性值1","属性名2":"属性值2"}); 单位: (1)数字:可以不加,默认加px,比如:$("div").css("wid
阅读全文
posted @ 2017-05-10 11:32
念念念不忘
摘要:一、兼容性 2.几的版本不支持IE678 1.几的版本兼容IE678 二、Jquery库 jquery.js是开发版本,用于测试、学习和研发 jquery.min.js用于项目
阅读全文
posted @ 2017-05-10 11:23
念念念不忘
摘要:if( window.navigator.userAgent.toLowerCase().indexOf('mobile')==-1){ //PC端执行的函数 }
阅读全文
posted @ 2017-05-07 16:34
念念念不忘