JQuery-2.JQuery对象与DOM对象及$的实质

最新推荐文章于 2023-04-10 12:25:21 发布

凡小多

最新推荐文章于 2023-04-10 12:25:21 发布

阅读量89

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/wgh4318/article/details/118785948

版权

jquery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

这篇博客详细介绍了jQuery对象与DOM对象的区别，强调jQuery对象是对DOM对象的包装集，不能混用它们的方法。转换方式包括使用$将DOM对象转化为jQuery对象，以及通过索引或get方法将jQuery对象转回DOM对象。$本质上是一个函数，可以作为入口函数、DOM对象转换器或用于选择元素。文章还列举了$的多种用法。

摘要由CSDN通过智能技术生成

jQuery对象与DOM对象的区别（重点）

1. DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。
2. jQuery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。
3. jQuery对象其实就是DOM对象的包装集（包装了DOM对象的集合（伪数组））
4. DOM对象与jQuery对象的方法不能混用。

DOM对象转换成jQuery对象：【联想记忆：花钱】

var $obj = $(domObj);
// $(document).ready(function(){});就是典型的DOM对象转jQuery对象

jQuery对象转换成DOM对象：

var $li = $(“li”);
//第一种方法（推荐使用）
$li[0]
//第二种方法
$li.get(0)

$ 的实质

$ 其实就是一个函数，以后用$的时候，记得跟小括号 $();

console.log(typeof $);	// function

3种用法

  //1. 参数是一个function, 入口函数
  $(function () {
    
  });
  
 //2. $(domobj)  把dom对象转换成jquery对象
 $(document).ready(function () {

 });
  
//3. 参数是一个字符串,用来找对象
$("div")
$("div ul")
$(".current")