什么是jQuery？

最新推荐文章于 2022-04-17 15:47:32 发布

XLjiqimaobuchiyu

最新推荐文章于 2022-04-17 15:47:32 发布

阅读量406

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/XLjiqimaobuchiyu/article/details/77934036

版权

jQuery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

jQuery？

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

jQuery是一个快速、小巧、功能丰富的JavaScript库。它使得像HTML文档遍历和操作、事件处理、动画和Ajax这样的东西变得更加简单，使用一个易于使用的API在众多浏览器中工作。通过多功能性和可扩展性的结合，jQuery已经改变了数百万人编写JavaScript的方式。

jQuery语法：

$().方法名(function(){});

jQuery例子：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
div{
height: 200px;
margin-bottom: 10px;
background-color:#a43035;
display: none;
} /*div的css样式格式 */
</style>
<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
<script>
$(document).ready(function () {//jQuery的入口函数
$("#btn1").click(function(){ //获取btn1然后注册事件
$("div").show(1000);//获取div并且显示div
});
$("#btn2").click(function(){//获取btn2然后注册事件
$("div").text("我是内容");//获取div并且显示div的文字内容
});

$("#btn3").click(function(){
$("div").hide(1000);
});
});
</script>
</head>
<body>
<input type="button" value="显示" id="btn1">
<input type="button" value="设置内容" id="btn2">
<input type="button" value="隐藏" id="btn3">
<div></div>
<div></div>
<div></div>
</body>
</html>

XLjiqimaobuchiyu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
什么是jQuery？

jQuery？ jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an
复制链接

扫一扫

专栏目录