JQuery(补）

JQuery

Jquery核心

1. $ 符号在 jQuery 中代表对 jQuery 对象的引⽤， "jQuery"是核⼼对象。通过该对象可以获取jQuery对
象，调⽤jQuery提供的⽅法等。只有jQuery对象才能调⽤jQuery提供的⽅法。

$ <==> jQuery

2. Dom对象 与 Jquery包装集对象
明确 Dom 对象和 jQuery 包装集的概念， 将极⼤的加快我们的学习速度。原始的 Dom 对象只有 DOM
接⼝提供的⽅法和属性，通过js代码获取的对象都是 Dom 对象；⽽通过 jQuery 获取的对象是 jQuery 包
装集对象，简称jQuery对象，只有jQuery对象才能使⽤jQuery提供的⽅法。
2.1Dom对象
javascript 中获取 Dom 对象，Dom 对象只有有限的属性和⽅法：

var div = document.getElementById("testDiv");
var divs = document.getElementsByTagName("div");

2.2 Jquery包装集对象
可以说是 Dom 对象的扩充。在 jQuery 的世界中将所有的对象， ⽆论是⼀个还是⼀组，都封装成⼀个
jQuery 包装集，⽐如获取包含⼀个元素的 jQuery 包装集：

var jQueryObject = $("#testDiv");

2.3 Dom对象 转 Jquery对象
Dom 对象转为 jQuery 对象，只需要利⽤ $() ⽅法进⾏包装即可

var domDiv = document.getElementById('mydiv'); // 获取Dom对象
mydiv = $(domDiv);

2.4 Jquery对象 转 Dom对象
jQuery 对象转 Dom 对象，只需要取数组中的元素即可

// 第⼀种⽅式 获取jQuery对象
var jqueryDiv = jQuery('#mydiv');
// 第⼆种⽅式 获取jQuery对象
jqueryDiv = $('#mydiv');
var dom = jqueryDiv[0]; // 将以获取的jquery对象转为dom

通过遍历 jQuery 对象数组得到的对象是 Dom 对象，可以通过 $() 转为 jQuery 对象

$('#mydiv').each(function() {//遍历
 var jquery = $(this);
});

3. Jquery选择器
3.1. 基础选择器

id选择器 ，#id ，KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲testDiv")选择id为t…(“div”)选择所有div元素
类选择器， .class ，$(".blue")选择所有class=blue的元素
选择所有元素 * $("*")选择⻚⾯所有元素
组合选择器 ，selector1,selector2,selectorN， $("#testDiv,span,.blue")同时选中多个选择器匹
配的元素
3.2. 层次选择器