您现在的位置是:首页 > 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:

很赞哦! ()

文章评论

    共有条评论来说两句吧...

    用户名:

    验证码:

站点信息

  • 建站时间:2019-1-11
  • 文章统计142篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 建站,写前端联系我:扫描二维码,