1.4. jQuery的版本
官网下载地址: jQuery版本有很多,分为1.x 2.x 3.x
大版本分类:
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:未压缩版本,适用于学习与开发环境,源码清晰,易阅读。
1.5. jQuery的入口函数
使用jQuery的三个步骤:
1. 引入jQuery文件2. 入口函数3. 功能实现
关于jQuery的入口函数:
//第一种写法$(document).ready(function() {});//第二种写法$(function() {});
jQuery入口函数与js入口函数的对比
1. JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。2. jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。
1.6. jQuery对象与DOM对象的区别(重点)
1. DOM对象:使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。2. jQuery对象:jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。3. jQuery对象其实就是DOM对象的包装集(包装了DOM对象的集合(伪数组))4. DOM对象与jQuery对象的方法不能混用。
DOM对象转换成jQuery对象:【联想记忆:花钱】
var $obj = $(domObj);// $(document).ready(function(){});就是典型的DOM对象转jQuery对象
jQuery对象转换成DOM对象:
var $li = $(“li”);//第一种方法(推荐使用) 下标$li[0]//第二种方法 get方法$li.get(0)
【练习:隔行变色案例.html】
《jQuery精品教程视频\jQuery精品教程资料\19-jQuery第一天\04-代码\05-DOM对象(js对象)与jq对象.html》