jQuery选择器的使用方法

jQuery最基本的概念是“选择一些元素并使用它们做一些事情”,jQuery支持大多数CSS3选择器,也支持一些非标准选择器。要获得完整的选择器引用,请访问api.jquery.com上的选择器文档。

按ID选择元素

$( "#myId" ); // Note IDs must be unique per page.

按类名选择元素

$( ".myClass" );

按属性选择元素

$( "input[name='first_name']" );

通过复合CSS选择器选择元素

$( "#contents ul.people li" );

使用逗号分隔的选择器列表选择元素

$( "div.myClass, ul.people" );

伪选择器

$( "a.external:first" );
$( "tr:odd" );
 
// Select all input-like elements in a form (more on this below).
$( "#myForm :input" );
$( "div:visible" );
 
// All except the first three divs.
$( "div:gt(2)" );
 
// All currently animated divs.
$( "div:animated" );

注意:在使用:visible和:hidden伪选择器时,jQuery测试元素的实际可见性,而不是它的CSS可见性或显示属性。jQuery查看元素在页面上的物理高度和宽度是否都大于零。

 

登录 评论
  订阅  
提醒