jQuery选择器

jQuery选择器允许您对 HTML 元素组或单个元素进行操作。

jQuery选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。

jQuery中选择器语法：$()

基本选择器

元素选择器:

$("div") --选中所有的div元素

$("span") --选中所有的span元素

id选择器

$("#one") --选中id为one的元素

$("p#demo") --选取所有 id="demo" 的p元素

class选择器

$(".mini") --选中所有class值为mini的元素

$(".test") --选中所有class值为test的元素

属性选择器

$("[href]") --选取所有带有 href 属性的元素

$("[href='#']") --选取所有带有 href 值等于 "#" 的元素

高级选择器-层级选择器

高级选择器-基本过滤选择器

(1)选中第一个div元素

$("div:first")

$("div:eq(0)")

$("div").eq(0)

(2)选中最后一个div元素

$("div:last")

$("div:eq(-1)")

$("div").eq(-1)

//点按钮,隐藏按钮自己

$(document).ready(function(){

  $("button").click(function(){

    $(this).hide();

  });

});

//点按钮,隐藏第一个div

$(function(){

   $("button").click(function(){

      //选中第一个div

      $("div:first").hide();

   })

});