前端|初识jQuery


目录

  • 什么是jQuery
  • 下载
    • 官网下载
    • jQuerycdn引入
  • jQuery语法
  • jQuery动画效果
    • 隐藏和显示

什么是jQuery jQuery 是一个 JavaScript 函数库。
jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。
下载 官网下载 我们来看一下,jQuery官网
前端|初识jQuery
文章图片

写的少做的多

下载未编译或者是编译完的
前端|初识jQuery
文章图片

一般下载压缩完的就好,这里下载可能会出现直接都是文本的情况,我们可以右键选择另存为,这样就是js文件了
jQuerycdn引入 https://www.jq22.com/cdn/
前端|初识jQuery
文章图片

可以直接把链接放到项目中去
Title src="http://img.readke.com/220506/204K15Y1-3.jpg">

通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。
jQuery语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()
$(document).ready(function(){ // 开始写 jQuery 代码... });

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

jQuery动画效果 隐藏和显示 jQuery hide()
简单的jQuery hide()方法演示。
【前端|初识jQuery】jQuery hide()
另一个hide()实例。演示如何隐藏文本。
$("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); });

    推荐阅读