本文为大家分享了15个常用的jquery代码片段，分享给大家供大家参考，具体内容如下 1、回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法，你无需插件便可创建一个简单地回到顶部动画：// Back to top$('a.top').click(function (e) {e.preventDefault();$(document.body).animate({scrollTop: 0}, 800);});Back to top将 scrollTop 的值改为你想要 scrollbar 停止的地方。然后你要做的就是，设置在 800 毫秒内回到顶部...
1. 导航菜单背景切换效果 在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种，下面是使用JQuery实现的一种方式： //注意：代码需要修饰完善 $(#nav).click(function(e) {// 要知道siblings的使用 $(e.target).addClass(on).siblings(.on).removeClass(on);});2.反序访问JQuery对象里的元素 在某些场景下，我们可能需要反序访问通过JQuery选择器获取到的页面元素对象，这个...
仅记录一些我工作中常用的自定义js函数。 1、获取URL请求参数 //根据URL获取Id function GetQueryString(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]); return ""; }调用方式：var id = GetQueryString("id"); 2、在文本框中光标位置插入文本值 /* 在textarea处插入文本--Start */ (function ($) {$.fn.extend({"in...
本文实例总结了jQuery实用代码片段。分享给大家供大家参考，具体如下： //each遍历文本框 清空默认值 $(".maincenterul1").find("input,textarea").each(function () {//保存当前文本框的值var vdefault = this.value;$(this).focus(function () {if (this.value == vdefault) { this.value = ""; }});$(this).blur(function () {if (this.value == "") { this.value = vdefault; }}); }); $(function () {//cball多选idvar cbs = ...
jQuery是一款优秀的JavaScript库，它在WEB开发者和网页设计师中非常出名，帮助网页设计师开发出很多有创意和漂亮的WEB页面。 本文主要分享了12个有用的jQuery技巧，具体内容如下 下面是我收集的一些小技巧，这些技巧将帮助你提高你网站布局和应用的创意性以及功能性。 一、在新窗口打开链接 用这个代码，你点击超文本链接时会在新窗口中打开，为用户带来更好的体验： $(document).ready(function() {//select all anchor tags that...
本文为大家分享了15个常用的jquery代码片段，分享给大家供大家参考，具体内容如下 1、回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法，你无需插件便可创建一个简单地回到顶部动画： // Back to top$(a.top).click(function (e) {e.preventDefault();$(document.body).animate({scrollTop: 0}, 800);}); <!-- Create an anchor tag --><a class="top" href="#">Back to top</a> 将 scrollTop 的值改为你想要 scrollb...
jQuery如今已经成为Web开发中最流行的JavaScript库，通过jQuery和大量的插件，你可以轻松实现各种绚丽的效果。本文将为你介绍一些jquery实用的技巧，希望可以帮助你更加高效地使用jQuery。 收集的35个 jQuery 小技巧/代码片段，可以帮你快速开发. 1. 禁止右键点击 $(document).ready(function(){$(document).bind("contextmenu",function(e){return false;}); });2. 隐藏搜索文本框文字 Hide when clicked in the search field, th...
本文收集了12段非常实用的jQuery代码片段，你可以直接复制黏贴到代码里，但请开发者注意了，要理解代码再使用哦。下面就让我们一起来享受jQuery代码的魅力之处吧。 1. 导航菜单背景切换效果 在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景。这种效果实现的方式有很多种，下面是使用JQuery实现的一种方式： <ul id=nav><li>导航一</li><li>导航二</li><li>导航三</li> </ul> //注意：代码需要修饰完善...
jQuery里提供了许多创建交互式网站的方法，在开发Web项目时，开发人员应该好好利用jQuery代码，它们不仅能给网站带来各种动画、特效，还会提高网站的用户体验。本文收集了12段非常实用的jQuery代码片段，你可以直接复制黏贴到代码里，但请开发者注意了，要理解代码再使用哦。下面就让我们一起来享受jQuery代码的魅力之处吧。 1. 导航菜单背景切换效果 在项目的前端页面里，相对于其它的导航菜单，激活的导航菜单需要设置不同的背景...
1、jQuery实现的内链接平滑滚动 不需要使用太复杂的插件，只要使用下载这段代码即可实现基于内部链接的平滑滚动$(a[href^="#"]).bind(click.smoothscroll,function (e) { e.preventDefault();var anchor = this.hash, $target = $(target);$(html, body).stop().animate({ scrollTop: $target.offset().top }, 500, swing, function () { window.location.hash = anchor; });}); 2、使用jQuery获取所有节点var $element = $(#gbtag...
图片预加载 (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i = args_len; i--;) { var cacheImage = document.createElement(img); cacheImage.src = arguments[i]; cache.push(cacheImage); } } jQuery.preLoadImages("image1.gif", "/path/to/image2.png"); 在新窗口打开链接 (target=”blank”) $(a...
发表过的一篇《10个超级有用的PHP代码片段果断收藏》吗？本文笔者将继续为你奉上15个超级有用的jQuery代码片段。 jQuery里提供了许多创建交互式网站的方法，在开发Web项目时，开发人员应该好好利用jQuery代码，它们不仅能给网站带来各种动画、特效，还会提高网站的用户体验。下面就让我们一起来享受jQuery代码的魅力之处吧。 1.预加载图片(function($) { var cache = []; // Arguments are image paths relative to the current pa...
本文给大家展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段，因此如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中！我希望你在这一文章中能找到有帮助的东西。 1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素...
jQuery是一款轻量级的JavaScript库，是最流行的客户端HTML脚本之一，它在WEB设计师和开发者中非常的有名，并且有非常多有用的插件和技术帮助WEB开发人员开发出有创意和漂亮的WEB页面。 今天我们为jQuery用户分享一些小技巧，这些技巧将帮助你提示你网站布局和应用的创意性和功能性。 一、在新窗口打开链接 用下面的代码，你点击链接即可在新窗口打开： $(document).ready(function() {//select all anchor tags that have http in ...
下边这些jQuery片段只是很少的一部分，如果您在学习过程中也遇到过一些常用的jQuery代码，欢迎分享。下边就让我们看看这些有代码片段。 1.jQuery得到用户IP： 代码如下:$.getJSON("http://jsonip.appspot.com?callback=?", function (data) { alert("Your ip: " + data.ip); }); 2.jQuery查看图片的宽度和高度： 代码如下:var theImage = new Image(); theImage.src = $(#imageid).attr("src"); alert("Width: " + theImage.wid...