初识jQuery

jQuery

前端

发布日期: 2020-02-24

更新日期: 2020-12-23

文章字数: 261

阅读时长: 1 分

阅读次数:

概述

目的：想用jQury做出比较酷炫的网页效果

正文·

先来看看jQuery 语法，语法是学一个编程语言最重要的事情

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

基础语法： $(*selector*).*action*()

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

实例:

$(this).hide() - 隐藏当前元素
$(“p”).hide() - 隐藏所有
元素
$(“p.test”).hide() - 隐藏所有 class=”test” 的
元素
$(“#test”).hide() - 隐藏所有 id=”test” 的元素

再来看个菜鸟教程的简单示例：

<!DOCTYPE html>
<html>
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>