您的位置:首页 > Web前端 > JQuery

第 1 章 初识 jQuery

2016-07-04 16:48 323 查看
环境搭建
下载 jQuery 文件库

引入 jQuery 文件库

jQuery 初体验

环境搭建

搭建一个 jQuery 的开发环境非常方便,可以通过下列几个步骤进行。

下载 jQuery 文件库

在 jQuery 的官方网站(http://jquery.com)中,下载最新版本的 jQuery 文件库。在网站中找到最新版本文件的下载按钮,将 jQuery 框架文件下载到本地即可。

引入 jQuery 文件库

下载完 jQuery 框架文件后,并不需要任何的安装,仅需要使用
<script>
文件导入标记,将 jQuery 框架文件导入页面中即可,假设该文件下载后保存在项目文件夹J script 中,那么,在页面的
<head></head>
中加入如下代码:

<script language="javascript" type="text/javascript" src="1.9.0/jquery.js"></script>


在页面的头部分,加入上述代码后,便完成了 jQuery 框架开发环境的搭建。

jQuery 初体验

如果你了解 JavaScript 语言,那将对你掌握 jQuery 如虎添翼,因为 jQuery 本身就是 JavaScript,只不过是把 JavaScript 代码包装成拿过来就能实现特定功能的代码库!例如,我们想改变页面中所有段落标签中的文本内容:

javaScript 代码:



jQuery 代码:



以上两段代码完成的功能是一样的。由此可以看出,jQuery 更加的简洁方便,我们在处理 DOM 时不必关心功能的实现细节。
$()
就是 jQuery 中的函数,它的功能是获得()中指定的标签元素。如示例中
$(“p”)
会得到一组
P
标签元素,其中
“p”
表示 CSS 中的标签选择器。
$()
中的 () 不一定是指定元素,也可能是函数。

在 jQuery 中
$()
方法等价于
jQuery()
方法,前者比较常用,是后者的简写。一般只有在
$()
与其它语言冲突时才会使用
jQuery()
方法。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery