6.jQuery选择器之基本选择器

说明：选择器本身只是一个有特定语法规则的字符串, 没有实质用处，

它的基本语法规则使用的就是CSS的选择器语法, 并对其进行了扩展

只有调用$(), 并将选择器作为参数传入才能起作用

$(selector)作用 :

根据选择器规则在整个文档中查找所有匹配的标签的数组, 并封装成jQuery对象返回

基本选择器：

最基本最常用的选择器

分类：

#id：id选择器

Element：元素选择器

.class：属性（类）选择器

*：任意标签

selector1,selector2,selectorN：取多个选择器的并集(组合（并集）选择器)

selector1selector2selectorN：取多个选择器的交集(相交（交集）选择器)

// 1. 选择id为div1的元素

$('#div1').css('background','red');

//2. 选择所有的div元素

$('div').css('background','red');

// 3. 选择所有class属性为box的元素

$('.box').css('background','red')

// 4. 选择所有的div和span元素

$('div,span').css('background','red');//用到了组合选择器

// 5. 选择所有class属性为box的div元素

$('div.box').css('background','red')//用到了相交选择器

//选择全部元素

$('*').css('background','red');

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。