jQuery选择器详细介绍:基本选择器,层次选择器,属性选择器

    • 语法:$(“#id名”)
  • 说明:id名前面必须加上前缀“#”,否则该选择器无法生效

JSON Object Example
我爱简简单单的

我爱简简单单的

我爱简简单单的

在浏览器预览效果如下:

  • (3)class选择器;

  • 语法:$(“.类名”)

  • 说明:id名前面必须加上前缀“.”,否则该选择器无法生效

JSON Object Example

我爱简简单单的
我爱简简单单的

我爱简简单单的

我爱简简单单的

在浏览器预览效果如下:

  • (4)群组选择器;

  • 语法:$(“选择器1,选择器2,…,选择器n”)

  • 说明:选择器之间必须用英文逗号“,”隔开,否则该选择器无法生效

JSON Object Example
我爱简简单单的
我爱简简单单的

我爱简简单单的

我爱简简单单的

在浏览器预览效果如下:

  • (5)*选择器

  • 语法:*{padding:0;margin:0;}

  • 说明:*选择器,也称为全选选择器,用于选择所有的元素。在CSS中,常用*选择器去除默认的padding和margin的值

JSON Object Example

我爱简简单单的
我爱简简单单的

我爱简简单单的

我爱简简单单的

在浏览器预览效果如下:

CSS规定了如下优先级:

行内样式->id样式->class样式->标记样式

2、层次选择器

  • (1)后代选择器

  • 语法:$(“M N”)

  • 说明:选择M元素内部后代N元素,包括所有后代元素。

  • (2)子代选择器

    • 语法:$(“M>N”)
  • 说明:选择M元素内部某一个子元素,只限子元素。

  • (3)兄弟选择器

    • 语法:$(“M~N”)
  • 说明:选择M元素后面(不包括前面)的(所有的)某一类兄弟元素N。

  • (4)相邻选择器

    • 语法:$(“M+N”)
  • 说明:选择M元素后面(不包括前面)的(相邻的)某一类兄弟元素N。

JSON Object Example
    • 我爱简简单单的
    • 我爱简简单单的
    • 我爱简简单单的
    • 我爱简简单单的
    • 我爱简简单单的
    • 我爱简简单单的
    • 我爱简简单单的
    • 在浏览器预览效果如下:

      分析:

      ( " l i + l i " ) 使用的是相邻选择器,表示“选择 l i 元素相邻的下一个 l i 元素”。由于最后一个 l i 元素没有相邻的下一个 l i 元素,所以对于最后一个 l i 元素,它是没有下一个 l i 元素可以选取的。 ("li+li")使用的是相邻选择器,表示“选择li元素相邻的下一个li元素”。由于最后一个li元素没有相邻的下一个li元素,所以对于最后一个li元素,它是没有下一个li元素可以选取的。 ("li+li")使用的是相邻选择器,表示选择li元素相邻的下一个li元素。由于最后一个li元素没有相邻的下一个li元素,所以对于最后一个li元素,它是没有下一个li元素可以选取的。(“li+li”).css(“border-top”, “2px solid red”)达到在两两li元素之间添加一个边框的效果。这是一个非常棒的技巧,在实际开发中如果我们想要在两两元素之间实现什么效果,我们经常会用到这个技巧!大家请一定不要浪费这个强大的技巧!

      3、属性选择器

      使用范围:在jQuery中,属性选择器最常见于表单操作。

      选择器说明
      $("selector[attr]")选择包含给定属性的元素
      $("selector[attr='value']")选择给定的属性是某个特定值的元素
      $("selector[attr != 'value']")选择所有含有指定的属性,但属性不等于特定值的元素
      $("selector[attr *= 'value']")选择给定的属性是以包含某些值的元素
      $("selector[attr ^= 'value']")选择给定的属性是以某些值开始的元素(比较少用)
      $("selector[attr $= 'value']")选择给定的属性是以某些值结尾的元素(比较少用)
      $("selector[selector1][selector2]…[selectorN]")复合属性选择器,需要同时满足多个条件时使用

      注:selector指的是选择器,attr指的是属性(attribute),value指的是属性值。

      JSON Object Example

      请选择以下需要购买的蔬菜


      数据结构与算法

      这一块在笔试、面试的代码题中考核较多,其中常考的数据结构主要有:数组、链表、队列、栈、Set、Map、哈希表等,不同数据结构有不同的方法以及储存原理,这些算是技术岗的必备知识。算法部分主要分为两大块,排序算法与一些其他算法题

      排序算法根据考频高低主要有:快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种,这类考核点要么是算法的时间、空间复杂度、稳定度,要么是直接手写代码,故在理解算法原理的同时,对JS语言版的排序算法代码也要加强记忆。

      • 二叉树层序遍历
      • B 树的特性,B 树和 B+树的区别
      • 尾递归
      • 如何写一个大数阶乘?递归的方法会出现什么问题?
      • 把多维数组变成一维数组的方法
      • 知道的排序算法 说一下冒泡快排的原理
      • Heap 排序方法的原理?复杂度?
      • 几种常见的排序算法,手写
      • 数组的去重,尽可能写出多个方法
      • 如果有一个大的数组,都是整型,怎么找出最大的前 10 个数
      • 知道数据结构里面的常见的数据结构
      • 找出数组中第 k 大的数组出现多少次,比如数组【1,2, 4,4,3,5】第二大的数字是 4,出现两次,所以返回 2
      • 合并两个有序数组
      • 给一个数,去一个已经排好序的数组中寻找这个数的位 置(通过快速查找,二分查找)

      主要分为两大块,排序算法与一些其他算法题**。

      排序算法根据考频高低主要有:快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种,这类考核点要么是算法的时间、空间复杂度、稳定度,要么是直接手写代码,故在理解算法原理的同时,对JS语言版的排序算法代码也要加强记忆。

      • 二叉树层序遍历
      • B 树的特性,B 树和 B+树的区别
      • 尾递归
      • 如何写一个大数阶乘?递归的方法会出现什么问题?
      • 把多维数组变成一维数组的方法
      • 知道的排序算法 说一下冒泡快排的原理
      • Heap 排序方法的原理?复杂度?
      • 几种常见的排序算法,手写
      • 数组的去重,尽可能写出多个方法
      • 如果有一个大的数组,都是整型,怎么找出最大的前 10 个数
      • 知道数据结构里面的常见的数据结构
      • 找出数组中第 k 大的数组出现多少次,比如数组【1,2, 4,4,3,5】第二大的数字是 4,出现两次,所以返回 2
      • 合并两个有序数组
      • 给一个数,去一个已经排好序的数组中寻找这个数的位 置(通过快速查找,二分查找)

      [外链图片转存中…(img-w69Shi39-1718557309320)]

    • 4
      点赞
    • 5
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值