01-jQuery简介
2017-04-27 本文已影响0人
秒签T
一.什么是 jQuery?
- jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方
法。
-
它的作者是John Resig,于2006年创建的一个开源项目,随着越来越多开发者的加入, jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。
-
它可以用最少的代码, 完成更多复杂而困难的功能,从而得到了开发者的青睐。
- 主旨口号:写的更少, 干的更多(以更少的代码,实现更多的功能)
二.jQuery特点:
- 在我们使用javaScript的时候我们碰到很多让我们很烦躁的事：
1.window.onload事件只能执行一次,下次再执行时, 后面的会把前面的给覆盖
掉.
2.获取一个元素的时候方法名称很长.很容易写错getElementById(“box”);
3.实现一个很简单的功能, 代码的非常复杂.
4.有时候好不容易写好一个代码之后,在一个浏览器运行没有问题.但发现到
另外一个浏览器当中又挂了(浏览器兼容问题)
- jQuery的特点正好解决上面所说一些问题,主要有以下特点:
1.轻量级
2.强大的选择器
3.出色的Dom封装
4.可靠的事件处理
5.浏览器兼容性强（(从2.0版本开始, 不再去兼容IE6/7/8浏览器.体积更小,速度更快）
6.链式操作方式
7.隐式迭代
三.代码风格
- 在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“$”来起 始 的。而这个“$”就是jQuery当中最重要且独有的对象:jQuery对象
$(function () {}); //执行一个匿名函数
$(‘#idName’); //进行执行的ID元素选择
$(‘#idName’).css(‘color’, ‘red’); //执行功能函数
都要使用“$”把它们包裹起来. “$”代表的是jQuery对象的意思 可以写做:
//执行功能函数
jQuery(function () {});
jQuery(‘#idName’);
jQuery(‘#idName’).css(‘color’, ‘red’);
四.配置使用jQuery库
- 第一步:下载jQuery库
- 第二步:引入下载的jQuery库
- 第三步:编写jQuery代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-3.1.1.js"></script>
<script>
//$代表的是jQuery对象
//第一个jQuery程序
$(document).ready(function () {
alert('hello world');
});
</script>
</head>
<body>
</body>
</html>
