时间:2021-01-24

jQuery语法:

jQuery('选择器').action()

jQuery('选择器')返回一个封装了Tag标签对象的jQuery对象,可以看成一个封装了Tag对象的数组

jQuery简写为$符号。

类比js中的查找标签语法:

let Ele=document.getElementById('id值')

 选择器:与CSS选择器相同。

基本选择器:id,class,标签,通用选择器。

实例:

id选择器:$('#标签id值')

class选择器:$('.标签class值')

标签选择器:$('标签名'),$('div')


 

选择器的组合,分组与嵌套

后代选择器:找出选择器1中含有的所有标签。

$('选择器1 选择器2')

儿子选择器:找出选择器1的所有子标签。

$('选择器1>选择器2')

兄弟选择器:

$('选择器1~选择器2'):找出选择器1的所有兄弟标签。

毗邻选择器:

$('选择器1+选择器2'):找出紧挨着选择器1的标签。

可以理解为:

选择器+符号(空格,>,~,+)栓选出一个标签的范围。在这个范围中,根据选择器2提供的条件,选出最后符合条件的标签。

 


 

基本筛选器:过滤标签的条件。

除了‘+’,‘ ’,‘~’,‘>’这几个条件外,还有其他条件来过滤标签。这些条件就是基本筛选器。

格式:

选择器+‘冒号:条件’

例子:

$(‘选择器:first’):选出数组的第一个标签。

$(‘选择器:last’):选出数组的最后一个标签。

$(‘选择器:eq(数组索引值)’):根据索引选择数组里的标签。

$(‘选择器:gt(索引值)’):选出大于索引值的标签,返回一个数组。

$('选择器:lt(索引值)'):选出小于索引值的标签,返回一个数组。

$('选择器1:not("选择器2")'):选出不符合选择器2条件的标签,返回一个数组。

$('选择器1:has('标签1')'):选出内部含有标签1的符合选择器1条件的标签,返回一个数组。


属性选择器:通过标签的属性来过滤标签。

格式:

$('[属性="属性值"]')


表单选择器:

例子:如果要拿到输入框中的文本。

$('input [type="text"]')

简写为:S(':text')这两个语句等价,但是只针对于表单

注意:

$(':checked')会选择到selected属性的标签(option标签)。可以使用$('input:checked')

$(':selected')不会有这个问题。


 

 筛选器方法:

这个方法是基于$('选择器')返回的数组对象。通过该数组对象的方法来选择标签。

例子:

$('选择器').next()

$('选择器').nextAll()

$('选择器1').nextUntil('选择器2') ,选择器1到选择器2的所有标签,左开右闭区间。

$('选择器').prev()

$('选择器').prevAll()

$('选择器').prevUntil() 

ps:这些都是找的兄弟标签。

 

$('选择器').parent()  找父标签

$('选择器').parents()

$('选择器').parentsUntil('body')

$('选择器').children()  所有儿子标签。

$('选择器').slibings()  上下所有兄弟标签。

$('选择器').first()

$('选择器').last()

$('选择器').not()