jQuery

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

版本问题

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

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

使用jQuery

  • 下载jQueryhttps://jquery/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()方法

更多推荐

初始jQuery