什么是jQuery?
jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
jQuery库包含以下功能:HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和修改AJAX、Utilities
jQuery的使用方式
下载后引入
<script src="js/jquery-3.3.1.min.js"></script>
入门案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>入门案例</title> <script src="js/jquery.js"> </script> <script type="text/javascript"> $(function(){ alert("hello world"); }); </script> </head> <body> </body> </html>
jQuery入口函数
$(document).ready(function(){ // 执行代码 }); 或者 $(function(){ // 执行代码 });
jQuery对象
jQuery对象是jQuery函数的一个实例,是一个类数组对象,数组中存放的是DOM对象,而DOM对象是Node的实例。
对jQuery对象的操作实际上是对jQuery数组中的DOM对象的批量操作。jQuery对象和DOM对象可以相互转化。
jQuery对象的获取通常是使用选择器来获取的。
jQuery对象和js对象是不同的,但是可以相互转换。
jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
js -- > jq : $(js对象)