js和jq对象的区别

// //1.什么是js对象（DOM对象）：通过js的方式获取到的元素就是js对象 document
// var first = document.getElementById(“first”);
// first.style.backgroundColor = “green”;
//
// //2. 什么是jquery对象：通过jquery的方式获取到的元素就是jquery对象 $(“选择器”)
// var $li = $(“li”);
// $li.text(“修改后的li的内容”);

//3. jquery对象和js对象的联系和区别
// js对象不能调用jquery对象的方法
// var first = document.getElementById("first");
// first.text("修改吧！");
// jquery对象不能调用js对象的方法
// var $li = $("li");
// $li.setAttribute("score", 100);

var $li = $("li");
console.log($li);
//jquery对象和js对象的联系：jquery对象是js对象的一个集合，伪数组，里面存放了大堆的js对象

//jquery对象调用js对象的方法----将jquery对象转换为js对象，在调用方法
console.log($li[0]);
console.log(document.querySelector("#first"));
// $li[0].setAttribute("score", 100);// jquery对象[索引]=js对象
$li.get(0).setAttribute("score", 60);// jquery对象.get(索引)=js对象

//js对象调用jquery对象的方法----将js对象转换为jquery对象，再调用方法
//$(js对象)====jquery对象
var first = document.getElementById("first");
$(first).text("燃烧我的卡路里");

/**
 *
 * 1.js对象：document
 * 2.jquery对象：$("选择器")
 * 3.两者之间的区别和联系：
 *    区别：js对象只能调用js对象的方法和属性，不能调用jquery的方法和属性，jquery同理
 *    联系：jquery对象是js对象的一个集合，将jquery对象和js对象转换使用
 *          jquery对象---->js对象： ①jquery对象[索引]  ② jquery.get(索引)
 *          js对象----->jquery对象：  $(js对象)
 *
 *
 *
 *
 */