您现在的位置是：首页 > 前端 > jquery网站首页jquery

1、 基本

 #id ：通过id属性值获取元素

 Element ：通过元素名获取元素

 selector1,selector2 ：获取列表中指定的所有元素

 .class ：获取使用class样式的所有元素

$('#div1').html('测试');   匹配ID为div1的这个元素

$(div1).html('测试');   匹配所有div元素

$('#div1,p').html('测试');   匹配ID为div1和所有p元素

$('.cls1').html('测试');   匹配使用cls1样式的所有元素

2、 层级

 ancetor descendant ：匹配祖先元素下的后代元素

 parent > child ：匹配父元素下的子元素

 prev + next ：匹配上一个元素的后面的元素，必须是挨着的

 prev~siblings ：匹配前一个元素的所有平辈元素，在prev元素后面才能匹配

$('#div1p').html('测试');   匹配div1下的后代元素p

$('td:not(td:eq(4))').html('测试');   匹配除了索引为4的所有td元素

4、 内容

 :contains(text) ：匹配内容中包含指定内容的元素

 :empty ：匹配内容为空的元素

 :has(selector)  ：匹配内容中包含指定选择器的元素

 :parent ：匹配内容不为空的元素

$('li:contains('国')").html('三国演义');    匹配内容包含'国'的所有li元素

$('li:empty").html('三国演义');    匹配内容为空的所有li元素

5、 可见性

 :hidden ：匹配隐藏的元素

 :visible ：匹配显示的元素

$('div:hidden').show();  匹配所有隐藏的div

$('div:visible').hide();    匹配所有显示的div

6、 属性

 [attribute] ：匹配具有指定属性的元素

 [attribute=value] ：匹配属性等于指定值的元素

 [attribute!=value] ：匹配属性不等于指定值的元素

 [attribute^=value] ：匹配属性值以指定值开始的元素

 [attribute$=value] ：匹配属性值以指定值结束的元素

 [attribute*=value] ：匹配属性值中包含指定值的元素

 [selector1][selector2][selectorN]  ：同时满足所有条件，则匹配

$('font[color]').html('测试');     匹配具有color属性的font元素

$("font[color='#ccc']").html('测试');  匹配color属性为#ccc的font元素

7、 子元素

 :nth-child(index/even/odd) ：匹配指定索引的元素 从1算起

 :first-child ：匹配第一个子元素

 :last-child ：匹配最后一个子元素

 :only-child ：如果子元素是父元素的唯一子元素，则匹配

8、 表单

 :input ：匹配所有表单元素

        $(“:input”) ：匹配所有表单元素 select、textarea

        $(‘input’) ：匹配input标签

 :text ：文本框

 :password ：密码框

 :radio ：单选按钮

 :checkbox ：复选框

 :submit ：提交按钮

 :reset ：重置按钮

 :image ：图像按钮

 :button ：按钮

 :file ：文件框

 :hidden ：隐藏域

9、 表单对象属性

 :enabled ：匹配状态可用的表单元素

 :disabled ：匹配状态不可用的表单元素

 :checked ：匹配被选中的元素 匹配单选或复选

 :selected ：匹配被选中的元素 匹配的是option