第七周web前端学习——jQuery

学习目标：

学习基础的jQuery

学习内容：

1、jQuery的介绍
如下所示：
jQuery 是一个 JavaScript 函数库。
jQuery 库包含以下功能：
HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和修改、AJAX、Utilities

2、jQuery的基础语法
美元符号定义 jQuery
选择符（selector）“查询"和"查找” HTML 元素
如下所示：
$(this).hide() - 隐藏当前约定元素
$(“p”).hide() - 隐藏所有的元素
$(“p.test”).hide() - 隐藏所有 class=“test” 的元素
$("#test").hide() - 隐藏 id=“test” 的元素

3、(1) jQuery的id选择器

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

$(document).ready(function(){
$(“button”).click(function(){
$("#test").hide();
});
});
(2) 用户点击按钮后所有带有 class=“test” 属性的元素都隐藏：

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

---

学习产出：

1、 基础jQuery的学习
2、学习jQuery的基本语法
3、 jQuery选择器