You are here

Drupal专业开发指南 第17章 通过ID定位一个元素

g089h515r806 的头像
Submitted by g089h515r806 on 星期一, 2009-08-24 15:23

 

让我们重复我们的实验,不过这次只定位第一个段落,我们使用ID one对它进行了标识:
 
<?php
    drupal_add_js(
        '$(document).ready(function(){
            // Hide paragraph with ID "one".
            $("#one").hide();
            // Fade it into visibility.
            $("#one").fadeIn("slow");
        });',
        'inline'
    );
?>
 
<p id="one">Paragraph one</p>
<p>Paragraph two</p>
<p>Paragraph three</p>
 
注意 jQuery里面,通过ID访问一个元素是最快的选择器方法之一,这是因为它会被翻译为本地的JavaScript代码:document.getElementById("one ")。替代方案$("p#one")就会慢一些,这是因为jQuery首先需要查找所有的段落标签,然后再从中选择ID为one的元素。在jQuery中最慢的选择器方法就是$(".foo"),因为它需要在所有的元素中查找选择器类为foo的元素(在该情况下,使用$("p.foo")会快一些)。
 

老葛的Drupal培训班 Think in Drupal

Drupal版本: