js和 jQuery的关系

jQuery是一个 javascript函数库,封装了我们开发过程中常用的一些js的属性和方法。二者的功能差不多，只不过jQuery比js让用户使用起来更加便利而已。如果说javascript是c函数，那么jquery就是API。
比如：
查找对象
/通过原生js查找的DOM对象/
var jsDivByTagName = document.getElementsByTagName(“div”);
var jsDivByClass = document.getElementsByClassName(“box”);
var jsDivById = document.getElementById(“box”);
/*通过$函数获取的是jQuery对象\ast /console.log($(“div”));
console.log($(".box"));console.log($("#box"));

选择器
原生js本身提供给我们了选择元素的方法。但是数量很少，考虑浏览器兼容性的话只有两个：
document.getElementById();
document.getElementsByTagName();

而jQuery提供给我们更多，更强大的选择器供我们使用。
比如
多标签选择器
$(“div”,“li”,“p”);//将每一个选择器匹配到的元素合并后一起返回。
后代选择器
.children( [selector ] ) ;//筛选出符合选择器条件的子代元素
$("#box li"); //选择id为box的元素的所有后代元素为li的元素。
子代选择器
$("#box>li");//选择id为box的元素的所有子代元素为li的元素
等等复杂多变的选择器。