jQuery

jQuery简介

什么是jQuery？

js的插件库，也是javascript库, 全部都是函数 并不是全新的东西
与JS对比
JavaScript的入口函数要等到页面中所有资源（包括图片、文件）加载完成才开始执行。
jQuery的入口函数只会等待文档树加载完成就开始执行，并不会等待图片、文件的加载。
jQuery的特点
a.链式编程：原理：返回对象
b.隐式迭代：在方法的内部会为匹配到的所有元素进行循环遍历，执行相应的方法
jQuery对象与DOM对象的区别
（1）DOM对象：使用JS方法获取页面元素返回时的对象

  （2）jQuery对象：使用jQuery方法获取页面元素返回时的对象

  （3）jQuery对象是包装了DOM对象的集合

  （4）不能混用

  （5）转换
        a.DOM对象转换为jQuery对象

var name=document.getElementsByTagName("li")[0];
$(name).text("hello");

b.jQuery对象转换为DOM对象($i[0]为DOM对象)

var name=$("li");
name[0].style.backgroundColor="red";

var name=$("li");
name.get(0).style.backgroundColor="red";

## jQuery官方的标语

j:JavaScript Query ： 选择 查询

write less do more

人狠话不多 周式翻译

## 为什么要用jQuery

• 简化原生的dom操作

  document.getElementsById() 原生的写法 获取id
  $(‘id’) jquery获取id

• jquery常年理解很多的插件库 极大简化js的开发
• 在大多数没有复杂交互网站 还是会用jQuery 单纯用来展示页面 没有很多的数据交互
• 启发很多人的JavaScript编程思想

jquery会 不一定是加分 但是不会 一定是减分项

• zepto 轻量级的jquery库

• zepto是jquery的精简版 针对移动端祛除了大量的juqery兼容的代码

• 部分AIP实现不一样

• jquery很庞杂

• 在使用的过程中 学会看文档

  • 中文文档
    https://www.jquery123.com-
    官方文档
    https://api.jquery.com/