jQuery选择器

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();

   })

});