jQuery技术

提高jquery执行效率的一个小技巧

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

提高jquery执行效率的一个小技巧

jquery使用起来非常的方便,但是如果滥用的话,也会让网页变得非常的缓慢,所以一些jquery里的技巧就慢慢的被整理了出来,这一章是站长总结的一个大家都特别容易忽略的技巧:

假如网页当中有一个ID为angel的div,我们要对它进行多次的操作,如先修改里面的文本样式,再修改这个div的高,等等一系列的操作,我们可以这样写:

<script language="javascript"> $("#angel").css("color","red"); $("#angel").height("100"); </script>上面的这种写法没有下面的这种写法执行效率快:

<script language="javascript"> var $angel=$("#angel"); $angel.css("color","red"); $angel.height("100"); </script>还能再次优化,上面的这种没有下面的这种链式的快:

<script language="javascript"> var $angel=$("#angel"); $angel.css("color","red").height("100"); </script>

本文“提高jquery执行效率的一个小技巧”的内容摘要为:提高jquery执行效率的一个小技巧  由天使建站[]首发,转载请说明!

上一篇: jquery获取当前网页的URL[全][附实例]

下一篇: 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

网友点评
c