jQuery---jQuery初体验
程序员文章站
2024-01-28 15:45:16
jQuery初体验 1. 引入jquery文件 2. 入口函数标准 jQuery优点总结 (对应的就是js的缺点)： 查找元素的方法多种多样，非常灵活 拥有隐式迭代特性，因此不需要手写for循环 完全没有兼容性问题 实现动画非常简单，而且功能更加强大 代码简单粗暴 什么是jQuery? jQuery ......
jquery初体验
1. 引入jquery文件
2. 入口函数标准
jquery优点总结 (对应的就是js的缺点)：
- 查找元素的方法多种多样，非常灵活
- 拥有隐式迭代特性，因此不需要手写for循环
- 完全没有兼容性问题
- 实现动画非常简单，而且功能更加强大
- 代码简单粗暴
什么是jquery?
jquery的官网 jquery就是一个js库，使用jquery的话，会比使用javascript更简单。
js库：把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。（animate.js、common.js）
我们知道了，jquery其实就是一个js文件，里面封装了一大堆的方法方便我们的开发，其实就是一个加强版的common.js，因此我们学习jquery，其实就是学习jquery这个js文件中封装的一大堆方法。
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>title</title>
<style>
div {
height: 200px;
margin-bottom: 10px;
background-color: #a43035;
display: none;
}
</style>
<!-- 1.引入jquery文件 -->
<script src="jquery-1.12.4.js"></script>
<script>
//2. 入口函数的标准
$(document).ready(function () {
//获取对象，注册事件，把on去掉，是一个方法
$("#btn1").click(function () {
//隐式迭代：偷偷的遍历，jquery会自动的遍历，不需要我们遍历。
$("div").show(1000);
});
$("#btn2").click(function () {
$("div").text("我是内容");
});
});
</script>
</head>
<body>
<input type="button" value="btn1" id="btn1">
<input type="button" value="设置内容" id="btn2">
<div></div>
<div></div>
<div></div>
</body>
</html>