提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  Javascript

当前栏目

初识jQuery

2023-02-18 16:27:11 时间

目录

什么是jQuery

jQuery 是一个 JavaScript 函数库。

jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。

下载

官网下载

我们来看一下，jQuery官网

写的少做的多

下载未编译或者是编译完的

一般下载压缩完的就好，这里下载可能会出现直接都是文本的情况，我们可以右键选择另存为，这样就是js文件了

jQuerycdn引入

https://www.jq22.com/cdn/

可以直接把链接放到项目中去

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>

</body>
</html>

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。

jQuery语法

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

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

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

简化：

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

jQuery动画效果

隐藏和显示

jQuery hide() 简单的jQuery hide()方法演示。

jQuery hide() 另一个hide()实例。演示如何隐藏文本。

$("#hide").click(function(){
  $("p").hide();
});
 
$("#show").click(function(){
  $("p").show();
});

相关文章