随笔分类 - jquery——方法
摘要:一、 .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
念念念不忘