jQuery-(2)语法

来源:互联网 发布:淘宝首页分类导航代码 编辑:程序博客网 时间:2024/06/05 19:16

语法

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