常见的jq代码片段
秋之旅
记录
展开
-
回到顶部按钮
通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画:// Back to top$('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800);});<!-- Create an anchor转载 2017-08-24 18:00:03 · 222 阅读 · 0 评论 -
对应菜单对应内容选项卡
在项目的前端页面里,对应菜单对应内容选项卡。这种效果实现的方式有很多种,下面是使用 JQuery 实现的一种方式: <div class="box"> <ul class="tabNav1"> <li class="active">选项1</li> <li>选项2</li> <li>选项3</li> </ul> <ul clas转载 2017-08-24 18:27:31 · 486 阅读 · 0 评论 -
绑定未来元素的事件
绑定未来元素的事件demo如下:html部分:<ul class="menu"> <li class="son">php</li> <li class="son">javascript</li></ul><button class="add">添加菜单</button>js部分$('button.add').click(function(){ $('<li class="转载 2017-10-11 14:33:33 · 814 阅读 · 0 评论 -
js实时输入千分符
千分符是常用js片段,一下是实时输入input的千分符片段:$(document).on('input propertychange', '#cxtcmuch', function(){ var stmp = ""; var t =$(this).val(); if(t==stmp) return; var ms = t.replace(/[^\d\...原创 2018-04-18 21:21:20 · 928 阅读 · 0 评论