我的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);