Web前端基础(14):jQuery基础(一)
1. jQuery概述 1.1 为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐,代码量多。 代码很乱,各个页面到处都是。 动画效果很难实现。 jQuery的出现,可以解决以上问题。 1.2 什么是jQuery jQuery是一个JavaScript框架。它兼容CSS3,还兼容各种浏览器。文档说明很全,应用详细,成熟插件多。 jQuery2.0及后续版本不再支持IE6/7/8浏览器 核心概念是write less,do more(写的更少,做的更多)。 1.3 jQuery相关资料 关于jQuery的相关资料: 官网: http://jquery.com/ 官网API文档: http://api.jquery.com/ 汉化API文档: http://www.css88.com/jqapi-1.9/ 1.4 jQuery的第一个代码 用原生js来实现下面代码效果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 100px; height: 100px;