jquery学习2_jquery知识预览

jquery学习2_jquery知识预览

jquery版本：

大版本

1.x版本：能够兼容IE678浏览器 2.x版本：不兼容IE678浏览器 1.x和2.x版本jquery都不再更新版本了，现在只更新3.x版本。 3.x版本：不兼容IE678，更加的精简（在国内不流行，因为国内使用jQuery的主要目的就是兼容IE678）

压缩版和未压缩版

jquery-1.12.4.min.js:压缩版本，适用于生产环境，因为文件比较小，去除了注释、换行、空格等东西，但是基本没有颗阅读性。 jquery-1.12.4.js:未压缩版本，适用于学习与开发环境，源码清晰，易阅读。

压缩版和未压缩版用起来是一样的！

jquery入口函数

jQuery入口函数与js入口函数的对比

1. JavaScript的入口函数要等到页面中所有资源（包括图片、文件）加载完成才开始执行。

2. jQuery的入口函数只会等待文档树加载完成就开始执行，并不会等待图片、文件的加载。

//第一种写法
$(document).ready(function() {
    
});
​
//第二种写法
$(function() {
    
});

Jquery对象和Dom对象

DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。

jQuery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。

注意：

jQuery对象其实就是DOM对象的包装集（包装了DOM对象的集合（伪数组）），但是DOM对象与jQuery对象的方法不能混用。

DOM对象获取是一个一个的，JQuery对象获取的是一个数组。

jQuery对象转换成DOM对象：

var $li = $(“li”);
​
//第一种方法（推荐使用）
$li[0]
//第二种方法
$li.get(0)

jquery取名

我们一般获取的jQuery对象，取名的时候前面带个$,表名它是jquery对象。

 

$函数作用

// 参数为函数：入口函数
$(function() {
    
});
​
// 参数为dom对象：转化为jquery对象
$(document).ready(function(){
    
});
​
// 参数是一个字符串：用来找对象
$("div") $("#btn") $(".current")