jQuery 入门01 --在项目中引入jQuery

简介

jQuery是一个优秀的JavaScript库,它兼容CSS3,也兼容各种浏览器,jQuery2.0及后续版本将不再支持IE6/7/8浏览器目前最新版本为3.1.0。
jQuery使我们能非常简单的选中想操作的元素,能够方便地操作DOM以及元素的属性,此外还提供了事件处理、特效、ajax等功能。
jQuery还有一个比较大的优势是,它的文档说明很全,同时还有许多成熟的插件可供选择。


下载和安装

jQuery官网:http://jquery.com,点击Download

jQuery 入门01 --在项目中引入jQuery_第1张图片

下载jQuery压缩版即可

jQuery 入门01 --在项目中引入jQuery_第2张图片

下载好jQuery库文件之后,就可以在项目中使用jQuery了:


<html>
<head>
    <meta charset="utf-8">
    <title>title>
    
    <script src="jquery-3.1.0.js">script>
head>
<body>

body>
html>

验证jQuery是否成功引入:在浏览器中打开此文件,调出浏览器的开发工具,选中source标签,查看jQuery是否引入。没有成功则很可能是script标签的src属性值写错。

jQuery 入门01 --在项目中引入jQuery_第3张图片

通过CDN使用jQuery。

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.0.min.js">script>

一般来说,在开发环境中可以使用未压缩版jQuery,在生产环境中使用压缩版或者通过CDN加载jQuery。

你可能感兴趣的:(前端)