引子
jquery的存在，让学习前端开发的人感到前端越来越容易入门了，用简单的几行代码就可以实现需求，但是，你真的会用jquery么，当代码运行后无法看到自己预期的效果，是不是觉得jquery出了问题，其实，问题还是出在了自己会不会用上面。下面列举一些开发中经常遇到的应用实例，发现一下另一个不同的jquery世界。
回到顶部按钮
利用jquery里的animate和scrolltop方法，你便不需要使用插件创建简单的滚动到顶部动画。
$('.top').click(function (e) { e.preventdefault(); $('html, body').animate({scrolltop: 0}, 800);});
通过scrolltop的值来改变你想要滚动到的位置。其实你就是做了：在接下来的800毫秒中让页面滚动，直到它滚动到文档的顶部。
图片预加载
如果你的网页使用了很多隐藏图片文件（例如：鼠标悬停展示的图片），那么图片的预加载是有意义的：
$.preloadimages = function () { for (var i = 0; i height) { height = $(this).height(); }});$columns.height(height);
如果你想要所有的列有相同的高度：
var $rows = $('.same-height-columns');$rows.each(function () { $(this).find('.column').height($(this).height());});
根据文本获取元素
通过jquery中的contains()选择器，你能找到一个元素内的文本内容。如果文本不存在，则这个元素将被隐藏：
var search = $('#search').val();$('div:not(:contains(' + search + '))').hide();
可见变化的触发
当用户不再聚焦或者重新聚焦一个标签时触发javascript脚本：
$(document).on('visibilitychange', function (e) { if (e.target.visibilitystate === visible) { console.log('tab is now in view!'); } else if (e.target.visibilitystate === hidden) { console.log('tab is now hidden!'); }});