本文共 4845 字，大约阅读时间需要 16 分钟。

jQuery���������������

jQuery��������������������������������������������������������������������������������������������������������������������������������������� DOM ��������� JavaScript��������������������������������������� jQuery ���������������������������������������

1.���������������

jQuery ���������������������������������������������������������������������

• #id��������������� ID ������������������������$("#id") ������������ID��� "id" ������������
• (selector)���������������������������������������$( "div" ) ������������ div ���������
• .$(class)���������������������������������$( ".classname" ) ������������������ "classname" ���������������
• ������������������������������������������������������������������$( "div.class1, div.class2, #id1" ) ������������������������������

2.���������������

���������������������������������������������������������������������������������������������������

• ��������������������������� > ���������������������������������$("#parent > .child") ������ "#parent" ��������������������������������� "child" ���������������
• ������������������������ . ������������������������������$("#parent .child") ������ "#parent" ��������������������������� "child" ������������
• ������������������������������ + ������������������������������������������$("#runoob + .next") ������ "#runoob" ������������������������������
• ��������������������� ~ ���������������������������������������������������$("#runoob ~ .other") ������ "#runoob" ��������������������� ".other" ���������

3.���������������

���������������������������������������������������������������������������������

3.1 ���������������������

���������������������������������������������������

• ���������������������$("li:first") ��������������� li ���������$("li:last") ������������������ li ���������
• ���������������$("li:even") ������������������������ li ���������
• ���������������$("li:odd") ������������������������ li ���������
• ������-equivalent���������$("li:eq(4)") ��������������� li ���������
• ���������������$("li:gt(2)") ������������������ 2 ��� li ���������
• ���������������$("li:lt(2)") ������������������ 2 ��� li ���������
• ���������������������$("li:not(#runoob)") ������������������ id="runoob" ��� li ���������

3.2 ���������������������

������������������������������������

• ���������������������$("div:contains('Runoob')") ������������ "Runoob" ��������� div ���������
• ������������$("td:empty") ��������������������������������� td ���������
• ������������������$("div:has(selector)") ��������������������������������������������������� div ���������
• ���������������������������$("td:parent") ��������������������������������� td ���������

3.3 ������������������������

���������������������������������

• ���������������$("li:hidden") ������������������������ li ���������
• ���������������$("li:visible") ��������������������� li ���������

3.4 ���������������������

������������������������������������������

• ������������������$("div[id]") ������������������ id ��������� div ���������
• ������������������������$("div[id='123']") ������ id ������������ "123" ��� div ���������
• ������������������������������$("div[id!='123']") ������ id ������������������ "123" ��� div ���������
• ������������������������������������$("div[id^='qq']") ������ id ������������ "qq" ��������� div ���������
• ������������������������������������$("div[id$='zz']") ������ id ������������ "zz" ��������� div ���������
• ���������������������������������$("div[id*='bb']") ������ id ��������������� "bb" ��� div ���������
• ���������������������$("input[id][name$='man']") ������������������ id ��������� name ������������ "man" ��� input ���������

3.5 ���������������������

������������������������������������

• ���������������$("input:enabled") ��������������� input ���������
• ������������������$("input:disabled") ������������������ input ���������
• ���������������$("input:checked") ��������������� input ���������
• ������������������$("option:selected") ��������������� option ���������

4. ���������������

������������������������������������������

• ���������������������$(":input") ������������ input���textarea���select ��� button ���������
• ������������������$(":text") ������������������������������
• ������������$(":password") ������������������������
• ���������������$(":radio") ���������������������������
• ������������$(":checkbox") ������������������������
• ���������������$(":submit") ���������������������������
• ���������������$(":reset") ���������������������������
• ���������$(":button") ������������ button ���������
• ������������$(":file") ������������������������

������������������ jQuery ��������������������������������������������������������������������� DOM ������������������������ jQuery ������������������������������������������������������������������������������������������������������������������������������������ DOM ������������������������������