让我们重复我们的实验,不过这次只定位第一个段落,我们使用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