时间: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()