jQuery最基本的概念是“选择一些元素并使用它们做一些事情”,jQuery支持大多数CSS3选择器,也支持一些非标准选择器。要获得完整的选择器引用,请访问api.jquery.com上的选择器文档。
按ID选择元素
1 | $( "#myId" ); // Note IDs must be unique per page. |
按类名选择元素
1 | $( ".myClass" ); |
按属性选择元素
1 | $( "input[name='first_name']" ); |
通过复合CSS选择器选择元素
1 | $( "#contents ul.people li" ); |
使用逗号分隔的选择器列表选择元素
1 | $( "div.myClass, ul.people" ); |
伪选择器
1 2 3 4 5 6 7 8 9 10 11 12 | $( "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查看元素在页面上的物理高度和宽度是否都大于零。