美文网首页JQuery思想整理
6.jQuery选择器之基本选择器

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

作者: 修卡录 | 来源:发表于2018-04-18 00:00 被阅读0次

选择器:

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

    它的基本语法规则使用的就是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');

相关文章

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

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

  • css3选择器总结

    选择器分基本选择器和拓展选择器 基本选择器:id选择器,类选择器,元素选择器,通用选择器 拓展选择器:群组选择器,...

  • jquery选择器书目录

    jquery选择器-基本选择器 jquery选择器-层级选择器 jquery选择器-基本过滤选择器 jquery选...

  • jQuery选择器

    层级选择器层级选择器 基本筛选选择器基本筛选选择器 内容筛选选择器

  • CSS3:基本、属性、伪类选择器

    一、基本选择器 回顾选择器 通配符选择器、元素选择器、类选择器、ID选择器、后代选择器 新增基本选择器 子元素选择...

  • jQuery操作DOM

    选择器 基本选择器: #id、.class、element、*、 层级选择器:空格、> 、+ 、~ 基本过滤选择器...

  • jQuery选择器

    jQuery选择器可以分为基本选择器、层次选择器、过滤选择器和表单选择器。 1、基本选择器 2、层次选择器 3、过...

  • jQuery选择器

    基本选择器 层次选择器 过滤选择器 基本过滤选择器 内容过滤选择器 可见性过滤选择器 属性过滤选择器 子元素过滤选...

  • CSS 选择器

    CSS 选择器 CSS 基本选择器及其扩展 CSS 基本选择器 通配符选择器 * 元素选择器 使用标签的名称...

  • 前端学习之jQuery

    选择器 基本选择器 层级选择器(重点)、基本过滤选择器 筛选选择器 使用jQuery操作DOM 样式操作 样式属性...

网友评论

    本文标题:6.jQuery选择器之基本选择器

    本文链接:https://www.haomeiwen.com/subject/mxjmkftx.html