jQuery_day01Contents目jQuery概述jQuery的基本使用jQuery选择器jQuery样式操作jQuery效果能够说出什么是jQuery能够说出jQuery的优点能够简单使用jQuery能够说出DOM对象和jQuery对象的区别能够写出常用的jQuery选择器能够操作jQuery样式能够写出常用的jQuery动画目标TARGET学习jQuery的主要内容要点提示jQuery入门导读掌握程度:了解1.1jQuery导读视什么是JavaScript的库JavaScript库有哪些要点提示JavaScript库掌握程度:了解1.2JavaScript库视结1、什么是javascript库?一个用javascript封装了很多属性和方法的文件。2、javascript库有哪些?jQuery、Prototype、YUI、Dojo、ExtJS、移动端的zepto等1.2JavaScript库课堂问答视知识总结结jQuery的概念jQuery的优点要点提示jQuery概述掌握程度:理解1.3jQuery概述视结1、jQuery的概念jQuery是javascript实现的一个库。设计宗旨是”WriteLess,DoMore”,即写的少,做的多。2、jQuery的优点跨浏览器兼容链式编程,隐式迭代简化DOM操作,支持事件、样式、动画支持插件扩展开发开源免费1.3jQuery概述课堂问答视知识总结结jQuery的下载及版本介绍jQuery的体验jQuery中的入口函数要点提示jQueryjQuery的使用及入口函数的使用及入口函数掌握程度:了解1.4jQuery的使用及入口函数视结jQuery中的入口函数有哪些第一种:$(function(){...//此处是页面DOM加载完成的入口});第二种:$(document).ready(function(){...//此处是页面DOM加载完成的入口});注意:$可换成jQuery。•等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jQuery帮我们完成了封装。•相当于原生js中的DOMContentLoaded。•不同于原生js中的load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。4.更推荐使用第一种方式。1.4jQuery的使用及入口函数课堂问答视知识总结结了解jQuery中的顶级对象$要点提示jQuery中的顶级对象$掌握程度:了解1.5jQuery中的顶级对象$视结jQuery中的$和jQuery怎么理解jQuery中$和jQuery是一回事儿,是jQuery中的顶级对象(本质是一个方法)。可以用===判断,也可以查看源码,两个符号完全相同1.5jQuery中的顶级对象$课堂问答视知识总结结知道jQuery对象和DOM对象的不同要点提示DOM对象和jQuery对象掌握程度:掌握1.6DOM对象和jQuery对象视知道jQuery对象和DOM对象的相互转换要点提示DOM对象和jQuery对象相互...