平滑滚动至页面顶部
以下是jQuery最为常见的一种实现效果:点击一条链接以平滑滚动至页面顶部。虽然没什么新鲜感可言,但每位开发者几乎都用得上。
$("a[href=‘#top‘]").click(function() { ????$("html, body").animate({ scrollTop: 0 }, "slow"); ????return false; ??}); 替换html标签
jQuery能够非常轻松地实现html标签替换,而这也将为我们带来更多新的可能。
$(‘li‘).replaceWith(function(){ ????return $("<div />").append($(this).contents()); ??});检测屏幕宽度
现在移动设备的人气几乎已经超过了传统计算机,因此对小型屏幕的尺寸进行检测就变得非常重要。幸运的是,我们可以利用jQuery轻松实现这项功能。
var responsive_viewport = $(window).width(); ??/* if is below 481px */ ?if (responsive_viewport < 481) { ??????alert(‘Viewport is smaller than 481px.‘); ??} /* end smallest screen */几条jQuery代码片段助力Web开发效率提升
原文地址:http://www.cnblogs.com/QianBoy/p/7868432.html