jQuery介绍

• 是JavaScript和查询（Query）,它就是辅助JavaScript开发的js类库
• 核心思想：写到少，做的多，实现很多浏览器的兼容问题

常见问题：

• 使用jQuery一定要引入jQuery库
• jQuery中的$是一个函数

jQuery核心函数

• $是jQuery的核心函数，能完成jQuery的很多功能，$()就是调用$这个函数
• 1、传入参数为【函数】时：
• 表示页面加载完成之后，相当于window.οnlοad=function(){}

$(function(){alert("页面加载完成");});

• 2、传入参数为【HTML字符串】时：
• 会对我们创建这个html标签对象

$(function(){$("<div><span>div-span1</span><span>div-span2</span></div>");});

• 传入参数为【选择器字符串】时：
• $("#id属性值")：id选择器，根据id查询标签对象
• $(“标签名”)： 标签名选择器，根据指定的标签名查询标签对象
• $(".class属性值")：类型选择器，可以根据class属性查询标签对象

jQuery对象和dom对象区分

Dom对象

• DOM对象alert出来的效果是：【object HTMLButtomElement】

jQuery对象

• jQuery对象alert出来的效果是：【object Object】

jQuery对象的本质是什么？

• jQuery对象是dom对象的数组+jQuery提供的一系列功能函数

jQuery对象和Dom对象使用区别

• jQuery对象不能使用Dom对象的属性和方法
• Dom对象不能使用jQuery对象的属性和方法

Dom对象和jQuery对象互转

1、dom对象转换为jQuery对象

• 先有DOM对象
• $(DOM对象)就可以转换为jQuery对象

2、jQuery对象转换为dom对象

• 1、先有jQuery对象
• 2、jQuery对象【下标】取出相应的DOM对象