Skip to content

Latest commit

 

History

History
114 lines (74 loc) · 1.99 KB

语法.md

File metadata and controls

114 lines (74 loc) · 1.99 KB

语法


基础语法

jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

基础语法:

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

实例:

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

    元素

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

    元素

  • $("#test").hide() - 隐藏 id="test" 的元素

下面是示例代码:

$(document).ready(function(){//标准写法
 
   // 开始写 jQuery 代码...
 
});

$(function(){//简介写法
 
   // 开始写 jQuery 代码...
 
});

以上两种方式你可以选择你喜欢的方式实现文档就绪后执行 jQuery 方法。


选择器

元素选择器

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

例如在页面中选取所有

元素:

$("p")

示例代码:(点击按钮,隐藏p标签)

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

ID选择器

通过 HTML 元素的 id 属性选取指定的元素。

页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。

例如通过 id 选取元素语法如下:

$("#test")

示例代码:(当用户点击按钮后,有 id="test" 属性的元素将被隐藏)

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

Class选择器

jQuery 类选择器可以通过指定的 class 查找元素。

例如语法如下:

$(".test")

示例代码:(当用户点击按钮,带有class="test"属性的元素将被隐藏)

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

参考教材

https://www.runoob.com/jquery/jquery-selectors.html