jQuery技术

五个有用的jquery小技巧

字号+ 作者:H5之家 来源:H5之家 2015-10-01 08:02 我要评论( )

参考:5 useful jquery tricks you should know 1.禁用鼠标右键 {代码...} 2.让内容闪烁起来 {代码...} 3.DOM加载完成的简写形式 {代码...} 4.探测浏览器 {代码.

参考:5 useful jquery tricks you should know

1.禁用鼠标右键

javascript$(document).ready(function() { $(document).bind("contextmenu", function(e) { return false; }); });

2.让内容闪烁起来

javascript$.fn.flash = function(color, duration) { var current = this.css('color'); this.animate( {color: 'rgb(' + color + ')'}, duration / 2); this.animate( {color: current}, duration / 2); } $('#someid').flash('255,0,0', 1000);

3.DOM加载完成的简写形式

javascript$(function() { // document is ready.. })

4.探测浏览器

// Safari if( $.browser.safari ) { //do something } //Above IE6 if ($.browser.msie && $.browser.version > 6 ) { //do something } // IE6 and below if ($.browser.msie && $.browser.version < 6 ) { //do something } // Firefox 2 and above if ($.browser.mozilla &amp;&amp; $.browser.version &gt;= "1.8" ) { //do something }

5.判断元素是否存在

javascriptif($("#someDiv").length) { // yes it does, do something... }

 

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

网友点评
s