如何正确使用jquery

    估计很多程序员对于js,jQuery这些前台的语言已经很不陌生了,那为什么我要写这篇文章呢,是为了让更多开发人员能够更加清楚的了解jQuery,以及如何正确使用jQuery。

    先给大家个例题:

    <span id="sp>

            <a class="a" href="##" ></a>

             <a class="a" href="##" ></a>

             <a class="a" href="##" ></a>

    </span>

    从上面一段代码中我们提出一个问题,如何获取第一个a标签的值?

    其中有很多中实现方式例如:

        $(".a:eq(0)")、$(".a:first")
      
    大家大部分都会以上面的方式进行选择,那么给大家抛出个问题

        $("#sp .a").eq(0)和$(".a").eq(0)哪个快

    对于初学者来说的话第一个反应就是肯定第二个快啊,比第一个少了几个代码呢,肯定是第二个快。

    这就是大家忽略了本质,jQuery在定义初期的时候就已经说明了,能用id选择器,就用id选择器。咱们看一下class选择器的原理。class选择器的原理就是扫描页面中的所有class标签,而id呢只需要加载一个id为该id名的就行。这时候比较第一个和第二个方法,你会发现我们先定位到该id下,然后找到id下得class比直接加载全部class属性要快的多。

    通过这篇Jquery文章,大家一定在实现功能的同时,要注意代码的优化。

    


    

猜你喜欢

转载自blog.csdn.net/qq_42430767/article/details/80669786
今日推荐