jQuery-（2）语法

语法

（1）基础语法：

• 美元符号定义 jQuery
• 选择符（selector）”查询”和”查找” HTML 元素
• jQuery 的 action() 执行对元素的操作

（2）实例：

• $(this).hide() - 隐藏当前元素
• $(“p”).hide() - 隐藏所有

  元素

• $(“p.test”).hide() - 隐藏所有 class=”test” 的

  元素

• $(“#test”).hide() - 隐藏所有 id=”test” 的元素

---

选择器

（1）元素选择器

jQuery 元素选择器基于元素名选取元素。

$("p")

实例：

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

（2）id 选择器
选择器通过 HTML 元素的 id 属性选取指定的元素。

$("#test")

实例：

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

（3）class 选择器
选择器可以通过指定的 class 查找元素。

$(".test")

实例：

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