了解jQuery
什么是JQuery
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQueryJavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。简单来说,Jquery是简化版的JS
Jquery的优点:
- 因为jq是轻量级别的框架,大小不大30kb
- 它有强大的选择器,出色的DOM操作封装
- 有可靠的事件处理机制
- 完善的ajax
- 出色的浏览器兼容性
- 支持链式操作,隐式迭代
- 行为层(功能)和结构层(页面元素) 的分离,还支持丰富的插件
Jquery的使用
引入jQuery库: 在使用jquery之前,必须要引入jquery库
<script src = "js/jquery.js"></script>"
声明Jquery变量: [^$ 声明该变量是jq变量 同时$也是JQuery的简写]
var $ 变量名 = 赋值内容;
例如: var $ a = 10 ;
jq中顶级对象是 $ 或者jQuery关键字
jQuery的入口函数
使用jQuery的三个步骤:
- 引入jQuery文件
- 入口函数
- 功能实现
关于jQuery的入口函数:
//第一种写法
$(document).ready(function() {
});
//第二种写法
$(function() {
});
jQuery入口函数与js入口函数的对比
- JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。
- jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。
- js入口函数只能出现一次,jQuery可以出现多次