熟练运用Jquery选择器

认识Jquery选择器

一：元素选择器
基于元素名选取元素
在页面中选取所有 元素:
$(“a”)
例：(当点击按钮是将a标签隐藏)

$(document).ready(function(){
  $("button").click(function(){
    $("a").hide();
  });
});

二：Id选择器
页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器
$("#Id名")
例：（用户点击按钮后所有带有 id=“test” 属性的元素都隐藏：）

$(document).ready(function(){
  $("button").click(function(){
    $("#test").hide();
  });
});

三：.class 选择器
$(".class名")
例：（用户点击按钮后所有带有 class=“test” 属性的元素都隐藏：）

$(document).ready(function(){
  $("button").click(function(){
    $(".test").hide();
  });
});