jQuery选择器

$('选择器')

例如：

$('div')  $('.class')  $('#mayid')

=>隐式迭代：jQuery选择器对元素进行操作，会遍历内部DOM元素

                      就是给匹配到的所有元素都进行相应的操作

注意：例子中的jquery.js的引入地址要换成自己的文件存储地址

<script src="../jQuery/jquery.js"></script>
  <style>
    div {
      width: 200px;
      height: 50px;
      border: 1px solid #333;
    }
  </style>

<div></div>
  <div></div>
  <div></div>
  <script>
    $(function () {
      $('div').css('background-color', 'pink');
    })
  </script>

 =>直接把所有的div的背景色改成粉色，而若果使用原生js则需要先获取放入数组再进行循环

☆jQuery筛选选择器

 1.:first    （上述例子更改如下）

$(function () {
      $('div:first').css('background-color', 'pink');
})

 2.:last    （上述例子更改如下）

$(function () {
      $('div:last').css('background-color', 'pink');
})

 3.:eq(index)    （上述例子更改如下）

$(function () {
      $('div:eq(1)').css('background-color', 'pink');
})

 

 4.:odd  奇数 （上述例子更改如下）

<div></div>
  <div></div>
  <div></div>
  <div></div>
  <script>
    $(function () {
      $('div:odd').css('background-color', 'pink');
    })
  </script>

 

 5.:even    偶数    （上述例子更改如下）

$(function () {
      $('div:even').css('background-color', 'pink');
 })