博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQ/Js/Css常用方法汇总-持续更新
阅读量:6135 次
发布时间:2019-06-21

本文共 1829 字,大约阅读时间需要 6 分钟。

【复制标题查找】1:定时运行脚本方法2:jq获取兄弟节点 | 下一个兄弟节点等3:为导航栏或侧边菜单栏点击添加样式 4:jq判断滚动条是否已经到底部 5:让多余的字符显示成 "..." 6:直接显示年份:例如用于标记版权所有

 

 1:定时运行脚本方法

//每秒运行一次setInterval(function() {      console.info(1);//要执行的内容}, 1000);

 2:jq获取兄弟节点 | 下一个兄弟节点等

//个人觉得常用jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点jQuery.siblings(),返回兄弟姐妹节点,不分前后jQuery("#xxh").find("ul"):找到id为xxh标签下的ul标签

 3:为导航栏或侧边菜单栏点击添加样式

//标签id为navheader li下的a点击,//跳转到页面的url【即:window.location,导航栏中的链接】//如果与a中的href值相同,则该li添加样式$('#navheader li a').each(function() {       if ($($(this))[0].href == String(window.location))       //这句话可以再很多场合使用       //给当前标签添加 current样式的同时移除其他兄弟节点的样式       $(this).parent().addClass('current').siblings('a').removeClass('current');});

 4:jq判断滚动条是否已经到底部

根据个人情况【只有内容块滚动】:亲测 可用//获取内容块id为container下的滚动事件$("#container").scroll(function () {        var $this = $(this);        var viewHeight = $(this).height(); //可见高度           var contentHeight = $("#content").height();//内容高度          var scrollTop = $(this).scrollTop();//滚动高度          if (scrollTop / (contentHeight - viewHeight) >= 0.95) { //快到达底部5%时,加载新内容              console.info("到底");        }                   });百度第一条:本人未测试$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离$(document).scrollLeft() 这是获取水平滚动条的距离$(document).scrollTop()==0的时候 就是顶端了$(document).scrollTop()>=$(document).height()-$(window).height() 就可以知道已经滚动到底端了$(document).height() //是获取整个页面的高度$(window).height() //是获取当前 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 根据英文应该也能理解吧其实你可以自己做个实验就知道了$(document).scroll(function(){$("#lb").text($(document).scrollTop());})

 5:让多余的字符显示成 "..."

//Css样式p{    cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap   }//html,超出部分将会变成...,以上样式p标签中可用,其他未测试

内容

6:直接显示年份:例如用于标记版权所有

 

转载于:https://www.cnblogs.com/MouseMI/p/4843394.html

你可能感兴趣的文章
抽象工厂方法
查看>>
ubuntu apt-get 安装 lnmp
查看>>
焊盘 往同一个方向增加 固定的长度方法 总结
查看>>
eclipse的maven、Scala环境搭建
查看>>
架构师之路(一)- 什么是软件架构
查看>>
jquery的冒泡和默认行为
查看>>
USACO 土地购买
查看>>
【原创】远景能源面试--一面
查看>>
B1010.一元多项式求导(25)
查看>>
10、程序员和编译器之间的关系
查看>>
前端学习之正则表达式
查看>>
配置 RAILS FOR JRUBY1.7.4
查看>>
AndroidStudio中导入SlidingMenu报错解决方案
查看>>
修改GRUB2背景图片
查看>>
Ajax异步
查看>>
好记性不如烂笔杆-android学习笔记<十六> switcher和gallery
查看>>
JAVA GC
查看>>
codeforce 599B Spongebob and Joke
查看>>
3springboot:springboot配置文件(外部配置加载顺序、自动配置原理,@Conditional)
查看>>
9、Dubbo-配置(4)
查看>>