JQuery

2023-04-30

我的JQuery入门笔记,持续更新……

JQuery是一个封装了很多方法的js库

入口函数

写入口函数防止页面上的标签还没有被渲染出来,js代码就执行了
不同于js,JQuery可以有多个入口函数

// 两种写法
$(document).ready(function () {
	
});
$(function () {

});

代码中的$其实和JQuery是等价的,是一个函数。
因此给他传入的参数不同,效果也是不一样的:

  • 如果参数传递的是一个匿名函数,那么就是入口函数
  • 如果传递的是一个字符串,那么可能是选择器/创建一个标签
  • 如果参数是一个dom对象,那他就会把dom对象转换成JQuery对象

dom对象和JQuery对象

dom对象:原生js选择器获取到的对象

  • 只能调用dom方法或者属性,不能调用JQuery的属性或者方法

JQuery对象:利用JQuery选择器获取到的对象

  • 只能调用JQuery的方法或者属性,不能调用原生jsdom对象的属性或者方法
  • JQuery对象是一个伪数组,JQuery对象其实就是dom对象的一个包装集

    dom对象转换成JQuery对象

    // 其中div1是一个dom对象
    $(div1);
    

    JQuery对象转换成dom对象

    // 直接使用下标取出来
    $divs[0];
    // 使用JQuery的get()方法
    $divs.get(0);
    

评论