常用jQuery代码片段
学习笔记666
这个作者很懒,什么都没留下…
展开
-
配置JQuery与其它库的兼容性
//方法一: 为JQuery重新命名为 $jvar $j = jQuery.noConflict();$j('#id')....//方法二: 推荐使用的方式(function($){ $(document).ready(function(){ //这儿,你可以正常的使用JQuery语法 });})(jQuery);转载 2015-11-11 15:42:41 · 440 阅读 · 0 评论 -
导航菜单背景切换效果
在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种,下面是使用 JQuery 实现的一种方式: 导航一 导航二 导航三//注意:代码需要修饰完善$('#nav').click(function(e) { // 要知道siblings的使用$(e.target).addClass('tclass').sibli转载 2015-11-11 15:38:10 · 1268 阅读 · 0 评论 -
访问IFrame里的元素
在大多数情况下, IFrame 并不是好的解决方案,但由于各种原因,项目中确实用到了 IFrame ,所以你需要知道怎么去访问 IFrame 里的元素var iFrameDOM = $("iframe#someID").contents();//然后,就可以通过find方法来遍历获取iFrame中的元素了iFrameDOM.find(".message").slideUp();转载 2015-11-11 15:39:30 · 703 阅读 · 0 评论 -
管理搜索框的值
现在各大网站都有搜索框,而搜索框通常都有默认值,当输入框获取焦点时,默认值消失。而一旦输入框失去焦点,而输入框里又没有输入新的值,输入框里的值又会恢复成默认值,如果往输入框里输入了新值,则输入框的值为新输入的值。这种特效用 JQuery 很容易实现:$("#searchbox") .focus(function(){$(this).val('')}) .blur(function(){转载 2015-11-11 15:41:09 · 693 阅读 · 0 评论 -
测试密码的强度
//下面的正则表达式建议各位收藏哦,项目上有可能会用得着$('#pass').keyup(function(e) { //密码为八位及以上并且字母数字特殊字符三项都包括 var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g"); //密码为七转载 2015-11-11 15:45:43 · 860 阅读 · 0 评论 -
滚动时动态加载页面内容
有些网站的网页内容不是一次性加载完毕的,而是在鼠标向下滚动时动态加载的,这是怎么做到的呢?看下面代码:var loading = false;$(window).scroll(function(){ if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){ if(loading == fa转载 2015-11-11 15:47:52 · 3112 阅读 · 0 评论 -
回到顶部按钮
通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画:// Back to top$('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800);});Back to top转载 2015-11-11 15:50:27 · 601 阅读 · 0 评论