jQuery

95 阅读1分钟

jQuery 可以理解为是 js原生封装了很多的好用的方法放在了jquery.js这个文件中。

1.选择器

(1)基础选择器

名称用法描述
全选选择器$('*')匹配所有元素
id选择器$('#id')获取指定id的元素
标签选择器$('div')获取同一类标签的所有元素
类选择器$('.class')获取同一类class的所有元素
并集选择器$('div,p,li')选取多个元素
交集选择器$('li.class')同时拥有这些属性的元素

(2)层级选择器

名称用法描述
后代选择器$('ul li')获取ul下的所有li元素,包括孙子等
子级选择器$('ul>li')获取亲儿子层级的元素,不会获取孙子层级的元素
相邻选择器$('p+li')选取紧邻目标元素的下一个元素
同辈选择器$('p ~ li')选取目标元素之后的所有同辈元素

(3)属性选择器

符号用法描述
[]$('a[href]')选取属性有href的a标签
!$('li[class!=a]')选取不等于属性是某个特定值的元素
$('a[href^=www]')指定属性值以指定值开头的元素
$$('a[href$=com]')指定属性值以指定值结尾的元素
*$('a[href*=baidu]')指定属性值包含指定值的元素