jQuery学习笔记

1.jQuery基本选择器:

#id:根据id匹配一个元素

.class:根据给定的class匹配元素

element:根据标签匹配元素

*:匹配所有元素

selector1,selector2:将每一个选择器匹配到的元素一起返回

2.层次选择器

$("ancestor descendant"):选择ancestor下的descendant元素

$("parent>chid"):选择parent下child元素

$("prev+next"):选取紧接在prev元素后的next元素,可以用$(".one").next("div")来代替

$("prev~siblings"):选取prev元素之后所有的siblings元素,可以用$(".one").nextAll("div")来代替

3.过滤选择器

$(:first):选择第一个元素

$(:last):选取最后一个元素

$(:header):选取所有标题元素

$(:animated):选取当前正在执行动画的所有元素

$(:focus):选取当前获取焦点的元素

$(:contains(text)):内容过滤选择器,选取所有包含text的文本

$(:empty):选取不包含子元素或者文本为空的元素

$(:has(selector)):选取含有选择器匹配元素的元素

$(:parent):选取含有子元素或者文本的元素

$(:visible):选取所有可见的元素

$(:hidden):选取所有隐藏的元素

属性过滤选择器:
[attribute]:选取拥有属性的元素,如[id]指拥有属性id的元素的集合

[attribute:value]:选取属性值为value的的元素

:nth-child():选取对应的子元素,如nth-child(2)选取索引值是2 的元素(index从1算起)

表单对象选择器:

:enabled:选取所有可用的元素

:disables:选取所有不可用的元素

:checked:选取所有被选中的元素,单选框和复选框

:selected:选取所有被选中的元素,下拉列表

:input:选取所有<input>集合元素

:radio:选取所有的单选框

例子:

选择一个特定的表格使其变色:
$("#tb tbody tr:even") :选取id为tb,然后寻找tbody标签,tr索引为偶数的被选中。

jQuery中获取对象元素时,有无空格是不一样的

var $t_a=$('.test :hidden') 选取class为test的元素里的隐藏元素

var $t_b=$('.test:hidden')选取隐藏的class为test的元素

原文地址:https://www.cnblogs.com/kode/p/4639582.html