JQuery学习内容大纲
JQuery学习内容大纲
一、主要内容
JQuery
- JQuery对象
- JQuery的使用
- Dom对象与JQuery包装集对象
- JQuery选择器
- 基础选择器🚩
- 层次选择器
- 表单选择器
- JQuery Dom操作🚩
- 操作元素的属性
- 操作元素的样式
- 操作元素的内容
- 创建元素
- 添加元素
- 删除元素
- 遍历元素
- JQuery事件🚩
- ready加载事件
- 绑定事件
- JQuery Ajax🚩
- $.ajax()
- $.get()
- $.post()
- $.getJSON()
二、JQuery对象
jquery的安装
<script src="js/jquery-3.4.1.js" type="text/javascript"></script>
jquery核心
$ 符号在jquery中代表对jquery对象的引用，”jquery“是核心对象。
通过该对象可以获取jquery对象，调用jquery提供的方法等。只有jquery对象才能调用jquery提供的方法。
$ <==> jQuery
Dom对象与jquery包装集对象
原始的Dom对象只有DOM接口提供的方法和属性，通过js代码获取的对象都是dom对象；
而通过jquery获取的对象是jquery包装集对象，简称jquery对象，只有jquery对象才能使用jquery提供的方法。
1.Dom对象
js中获取Dom对象，Dom对象只有有限的属性和方法：
var div = document.getElementById("testDiv");
var divs = document.getElementsById("div");
2.jquery包装集对象
可以说是Dom对象的扩充，在jquery的世界中将所有的对象，无论是一个还是一组，都封装成一个jquery包装集，比如获取包含一个元素的jquery包装集：
var jQueryObject = $("#testDiv");
3.Dom对象 转 jquery对象
Dom对象转为jquery对象，只需要利用$()方法进行包装即可。
var domDiv = document.getElementById('mydiv'); // 获取Dom对象
mydiv = $(domDiv);
4.jquery对象 转 Dom对象
jquery对象转为Dom对象，只需要取数组中的元素即可
// 第一种方式，获取jQuery对象
var jquery = jQuery('#mydiv');
// 第二种方式，获取jQuery对象
var jquery = $('#mydiv');
var dom = jqueryDiv[0]; // 将已获取的jquery对象转为dom
5.注意事项
需要（在前面）引入jquery的核心js文件，不然会报错（$未定义）
