初始jQuery

jQuery

jQuery是一个JavaScript的库，封装JavaScript操作让JavaScript操作更简单

版本问题

jQuery–1x兼容IE6,7,8 2x，3x不兼容IE6,7,8

• 1x版本兼容好，但文件较大
• 2x，3x文件小，但兼容差

使用jQuery

• 下载jQueryhttps://jquery.com/download/
• 在html文件中引入(和引入js文件的格式相同)
• 在script标签中写jQuery代码

入口函数的区别

入口函数：一共有四种写法，最常用：$(function () {})

• 执行顺序的差异:
  • 原生js的入口函数是：等DOM和图片都加载完了才执行
  • jQuery的入口函数是：等DOM加载完了就执行
• 覆盖问题
  • 定义两个原生js的入口函数：第二个覆盖第一个
  • 定义两个jQuery的入口函数：不覆盖

jQuery解决冲突

解决在引用JQuery库和别的js文件时都用了$，从而导致$被覆盖

• 释放$的使用权，改用JQuery替代
  • 释放$的使用权：jQuery.noConflict()
• 释放$的使用权，改用别的字符替代
  • 释放$的使用权：var jj=jQuery.noConflict()
  • jj就相当于$

核心函数

$()为jQuery的核心函数，可以传入函数，字符串(选择器/代码片段)，DOM元素

• 传入：函数(入口函数)
  • $(function(){})
• 传入：字符串(选择器/代码片段)
  • 选择器:
    • 返回jQuery对象类型的查找结果
  • 代码片段:
    • 返回jQuery对象类型的创建结果
• 传入：DOM元素
  • 包装成jQuery对象类型的对象返回

jQuery对象

jQuery对象是一个伪数组对象，存在0-length-1个属性，和一个length()方法