您现在的位置是:首页 > jq记录jq记录
JQ笔记
蒙xs2020-10-15【jq记录】人已围观
简介jq笔记
hide( 500 ) 隐藏
show( 500 ) 显示
Toggle(500 ) 切换
attr( 属性名称 )访问标签属性
slideUp(400)向上滑动隐藏
slideDown(400)向下滑动显示
slideToggle(400)上下滑动切换
关系选择器 父 parent( ) 子children( ) 兄siblings( ) stop动画排队
鼠标移进显示mousemove()
鼠标移出mouseout()
鼠标移出删除remove()
获取当前索引index
清除定时器clearInterval
fadeOut( 参数 ) 淡出 透明度为0
fadeIn( 参数 ) 淡入 透明度为100%
fadeToggle( 参数 ) 切换
参数表示动画执行时间 单位毫秒
fadeTo( 参数1,参数2 )
表示将透明度变换到多少(半透明)
参数1,表示动画执行的时间 参数2,表示透明度为多少 值0~1 之间
mousedown当按下鼠标按钮时
mousemove获得鼠标指针在页面中的位置
var divLeft = $('div').offset().left;获取div盒子到顶部的高度
$("#test1").parent(); // 父节点$("#test1").parents(); // 全部父节点
$("#test1").parents(".mui-content");//返回class为mui-content的父节点
$("#test1").children(); // 全部子节点
$("#test1").children("#test1"); //返回id为test1的子节点
$("#test1").contents(); // 返回id为test里面的所有内容,包括节点和文本
$("#test1").contents("#test1"); //返回id为test里面的id为#test1的节点和文本
$("#test1").prev(); // 上一个兄弟节点
$("#test1").prevAll(); // 之前所有兄弟节点
$("#test1").next(); // 下一个兄弟节点
$("#test1").nextAll(); // 之后所有兄弟节点
$("#test1").siblings(); // 所有兄弟节点
$("#test1").siblings("#test2"); //返回id为test2的兄弟节点
$("#test").find("#test1"); 选中id为test后代中 id为test1的节点
Tags:
很赞哦! ()
上一篇:js 关闭,刷新,离开浏览器检测
下一篇:返回列表
随机图文
-
移动端开发rem模式开发
1,通过js来改变html的根目录字体大小来动态改变界面的字体大小来自适应,2,最好放在全局变量里面,让整个页面都共用,3,每个盒子里面要设置字体大小不然变大屏幕字体会看不见,原生js -
如何判断input输入框是否为空
-
通过input来写点赞爱心颜色
1,这个方法是通过input来关联label的样式2,input要隐藏,label显示,点击label时input被选中,label添加动画改变样式3,背景图的定位要正确4,代码css代码<style type="text/css">.app -
使用scrollHeight方法 文本域自适应高度
css:.test_box { width: 98%; min-height: 1rem; max-height: 62px; _height: 120px; margin-left: auto; margin-right: auto; padding: 3px; outline: 0; border: 1px soli