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

选择器:

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

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

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

$(selector)作用 :

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

基本选择器:

最基本最常用的选择器

分类:

#id:id选择器

Element:元素选择器

.class:属性(类)选择器

*:任意标签

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


selector1selector2selectorN:取多个选择器的交集(相交(交集)选择器)

例子说明:


6.jQuery选择器之基本选择器_第1张图片


6.jQuery选择器之基本选择器_第2张图片

// 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');

你可能感兴趣的:(6.jQuery选择器之基本选择器)