jQuery技术

jQuery 做好七件事帮你提升jQuery的性能(2)

字号+ 作者:H5之家 来源:H5之家 2016-01-16 17:19 我要评论( )

1 $( .buttons * ); // Extremely expensive.2 $( .buttons ).children(); // Much better.3 4 $( .category :radio ); // Implied universal selection.5 $( .category *:radio ); // Same thing, explicit now.6

1 $( ".buttons > *" ); // Extremely expensive. 2 $( ".buttons" ).children(); // Much better. 3 4 $( ".category :radio" ); // Implied universal selection. 5 $( ".category *:radio" ); // Same thing, explicit now. 6 $( ".category input:radio" ); // Much better.

6. Use Stylesheets for Changing CSS on Many Elements

假如你使用 .css() 方法来改变超过20个元素的CSS,应当考虑为页面添加一个样式标签作为替代,这样做可以提升将近60%的速度。

1 // Fine for up to 20 elements, slow after that: 2 $( "a.swedberg" ).css( "color", "#0769ad" ); 3 4 // Much faster: 5 $( "<style type=\"text/css\">a.swedberg { color: #0769ad }</style>") 6 .appendTo( "head" );

7. Don’t Treat jQuery as a Black Box

把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

网友点评
a