什么是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 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><!--引入jQuery文件-->
<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>