jquery基础知识

javascript缺点：

1.不能设置多个入口函数(window.onload)
2.原生js步骤繁琐，字符太长
3.原生js有时候代码冗余
4.原生js中有些属性或者方法有浏览器兼容问题
5.原生js容错率底，可能一个地方出了问题，其他的代码也会失效

jquery页面响应事件

$(document).ready(function(){});简写为$(function(){});
$(function(){});就等于js中的window.onload=function(){}

jQuery中获取到对象

红线标注地方还是js中的写法，在js中我们这么写：

这里$("#an")跟document.getElementById("an")类似，不过$("#an")获取到的是jquery对象，当我们命名jquery对象的时候，我们一般习惯在对象名前面带上$，就比如图中红线部分

jq中的单击事件

这里，用click替代了js中的onclick

jquery常见问题

使用 jQuery 一定要引入 jQuery 库
jQuery 中的$是一个函数
为按钮添加点击响应函数步骤：
   1.使用jquery查询到标签对象
   2.使用标签对象.cilck(function(){});
   cilck中间传入的函数就是为按钮添加的响应函数

jquery中的核心函数$()

$是 jQuery 的核心函数，能完成 jQuery 的很多功能。$()就是调用$这个函数

1.传入参数为 [ 函数 ] 时：
   表示页面加载完成之后。相当window.onload = function(){}

2.传入参数为 [ HTML 字符串 ] 时：
   会对我们创建这个 html 标签对象

这个就等于js中的创建标签然后添加标签中的内容，然后再把标签放在指定的标签中，这里$()后面的.appendTo("body")表示将中间的东西加在body中

3.传入参数为 [ 选择器字符串 ] 时：
   $("#id 属性值");id 选择器，根据 id 查询标签对象 类似于js中的getElementById

   $(“标签名”);标签名选择器，根据指定的标签名查询标签对象

这里按照标签名button查找，返回的是一个dom对象的集合

   $(“.class 属性值”);类型选择器，可以根据 class 属性查询标签对象

4、传入参数为 [ DOM 对象 ] 时：
   会把这个 dom 对象转换为 jQuery 对象

通过document.getElementById获取到的对象都是dom对象
通过$()获取到的对象都是jquery对象
dom对象特点：打印dom对象会显示自己的标签信息，如上面控制台显示的第二行

jQuery对象和dom对象的区分

什么是jQuery对象，什么是dom对象

Dom 对象

1.通过 getElementById()查询出来的标签对象是 Dom 对象 
 
2.通过 getElementsByName()查询出来的标签对象是 Dom 对象 

3.通过 getElementsByTagName()查询出来的标签对象是 Dom 对象 

4.通过 createElement() 方法创建的对象，是 Dom 对象 

DOM 对象打印出来的效果是：[object HTML 标签名 Element]

jQuery对象

5.通过 JQuery 提供的 API ($())创建的对象，是 JQuery 对象 

6.通过 JQuery 包装的 Dom 对象，也是 JQuery 对象 

7.通过 JQuery 提供的 API ($())查询到的对象，是 JQuery 对象 

jQuery 对象 alert 出来的效果是：[object Object]

jQuery对象的本质

jQuery 对象是 ：
dom 对象的数组 + jQuery 提供的一系列功能函数。
不论是通过ID获得的jquery对象还是通过class或者标签名获得的jquery对象都是dom 对象的数组

jQuery对象和dom对象使用区别

这是两种对象，他们的方法不太一样

dom对象的属性和方法是jQuery对象用不了的，比如innerHTML

jQuery对象的方法和属性dom的对象也不能用比如cilck

jQuery 对象不能使用 DOM 对象的属性和方法 DOM 对象也不能使用 jQuery 对象的属性和方法

dom对象和jQuery对象的互转

1.dom 对象转化为 jQuery 对象）

1.先有 DOM 对象 
2、用 $( DOM 对象 ) 就可以转换成为 jQuery 对象

2、jQuery 对象转为 dom 对象

1、先有 jQuery 对象 
2、jQuery 对象[下标]取出相应的 DOM 对象