一些实用的jQuery代码片段
1.jQuery得到用户IP：
$.getJSON("http://jsonip.appspot.com?callback=?", function (data) { alert("Your ip: " + data.ip);});var theImage = new Image();theImage.src = $('#imageid').attr("src");alert("Width: " + theImage.width);alert("Height: " + theImage.height);var str = $('*:contains("the string")');$(document).ready(function () { document.cookie = "cookieid=1; expires=60"; var result = document.cookie.indexOf("cookieid=") != -1; if (!result) { alert("浏览器未启用cookie"); }});$(document).ready(function () { $(this).keypress(function (e) { switch (e.which) { case 13: alert("您按下了回车键"); break; //more detect } });});好了，本篇就小结到这里，希望本篇jQuery代码片段文章能对大家起到帮助作用
1.jQuery 滚动到顶部/底部关于jQuery滚动，本站在之前已经发过类似文章，如：jQuery 回到顶部，下边将它们再次整理一下：
怎么使用 jQuery 判断元素是否存在，相信不少 jQuery 学习者都会问这个问题，方法很简单，如下：
使用 abort() 方法在执行 js 异步请求的时候可以取消上一次的请求，方法如下：
jQuery 判断浏览器类型及版本号非常简单，可以直接使用 $.browser 方法进行判断。但我自己试验时发现在判断 Chrome 浏览器时，返回的是 Safari，在网上找了下，于是有了下边的代码：
var browserName = navigator.userAgent.toLowerCase();mybrowser = { version: (browserName.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1], safari: /webkit/i.test(browserName) && !this.chrome, opera: /opera/i.test(browserName), firefox: /firefox/i.test(browserName), msie: /msie/i.test(browserName) && !/opera/.test(browserName), mozilla: /mozilla/i.test(browserName) && !/(compatible|webkit)/.test(browserName) && !this.chrome, chrome: /chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)}$(document).ready(function () { if (mybrowser.msie) { alert("浏览器为：Internet Explorer 版本号为：" + $.browser.version); } else if (mybrowser.mozilla) { alert("浏览器为：Firefox 版本号为：" + $.browser.version); } else if (mybrowser.opera) { alert("浏览器为：Opera 版本号为：" + $.browser.version); } else if (mybrowser.safari) { alert("浏览器为：Safari 版本号为：" + $.browser.version); } else if (mybrowser.chrome) { alert("浏览器为：Chrome 版本号为：" + mybrowser.version); } else { alert("神马"); }});关于元素居中你可以先参考下css实现对象完全居中，了解下其中的原理，之后再看下边使用jQuery 实现元素居中就比较简单了。
//写成了插件形式(function ($) { jQuery.fn.center = function () { this.css('position', 'absolute'); this.css('top', ($(window).height() - this.height()) /2 +$(window).scrollTop() + 'px'); this.css('left', ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + 'px'); return this; }})(jQuery);$(document).ready(function () { //调用 $("#somediv").center();});$("#demoImg").attr("src", "demo.jpg").load(function() { alert("图片加载完成"); }); 如果你有什么实用的 jQuery 代码片段，欢迎在 jQuery学习上和大家分享！