jQuery技术

几个有用的jQuery技巧

字号+ 作者:H5之家 来源:H5之家 2015-09-23 12:14 我要评论( )

作为轻量级的JS库,jQuery随着JavaScrīpt脚本的大热而备受Web开发者亲睐。下面技巧实现的效果虽然并不新鲜,但通过jQuery的封装,HTML实现了很大的清洁。清爽简洁又高效的代码任何时候都是开发者所醉心追求的终极目标,也许它简单,但是它能量巨大。这里整

作为轻量级的JS库,jQuery随着JavaScrīpt脚本的大热而备受Web开发者亲睐。下面技巧实现的效果虽然并不新鲜,但通过jQuery的封装,HTML实现了很大的清洁。清爽简洁又高效的代码任何时候都是开发者所醉心追求的终极目标,也许它简单,但是它能量巨大。这里整理jQuery优化系列的五个jQuery技巧。

一、字体大小的调整。

允许用户在访问站点时能自由地调节页面字体大小,将带来很好的用户体验。下面的代码就是jQuery要告诉我们怎样做到这点的:

建立增减字体大小的样式。

二、在新窗口打开链接

为了让访问者尽量停留在自己的站点上,我们通常会设置在新窗口打开所有外部链接。但在XHTML 1.0中,是没有“_blank”标签属性的。在这类情况下,使用以下jQuery技巧就可以避免这个问题,并能在新窗口中打开所有外部链接。

这样就行了!现在,所有的外部链接都可以从一个新窗口打开,以便用户留在原页面。如果原页面使用了很多外部文档的链接,如PDF或DOC文件,那我们可以创建一些规则以便在新窗口中加载这些文件。

三、交换样式表

除了允许访问者改变页面字体大小,还可以允许访问者通过选择不同的页面主题样式来感受不同的页面风格。

四、禁用右键

通常禁用右键是为了防止访问者直接从页面拷贝信息,或者是想创建自己独特的右键功能。当然,不管什么原因,禁用右键可以通过以下代码实现:

jQuery使我们更容易使用右键来对网页进行处理。

五、返回顶部链接

如果页面过长,可能通过增加“返回顶部”的链接来使访问者方便地返回页面顶部。这是一个简单的JavaScript效果,我们可以通过jQuery运用滚动效果增添一点点小技巧。

对于拥有长页面的站点来说,这真是一个必备功能。

当成为一个jQuery熟手时,一定会发现更多的诸如此类的开发技巧。加油!



 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
n