目录
- 什么是jQuery
- 下载
-
- 官网下载
- jQuerycdn引入
- jQuery语法
- jQuery动画效果
-
- 隐藏和显示
什么是jQuery jQuery 是一个 JavaScript 函数库。
jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。
下载 官网下载 我们来看一下,jQuery官网
文章图片
写的少做的多
下载未编译或者是编译完的
文章图片
一般下载压缩完的就好,这里下载可能会出现直接都是文本的情况,我们可以右键选择另存为,这样就是js文件了
jQuerycdn引入 https://www.jq22.com/cdn/
文章图片
可以直接把链接放到项目中去
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();
});
推荐阅读
- 前端|【前端三剑客二】CSS手术刀剖析第一篇
- 直播预告 | 前端如何提升用户体验()
- 史上最全的CoffeeScript面试题和答案合集
- 史上最全JavaScript面试题和答案大合集
- 移动端规则
- 最新ES6面试题及答案汇总整理
- HTTP面试题和答案详细汇总分析
- 前端随心记---------call,bind,apply
- 前端|可视化API工具-Postman