编程 Javascript

初步认识JavaScript函数库jQuery

Posted in Javascript onJune 18, 2015

jQuery 库可以通过一行简单的标记被添加到网页中。
jQuery 库 - 特性

jQuery 是一个 JavaScript 函数库。

jQuery 库包含以下特性：

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities

向您的页面添加 jQuery 库

jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。

可以通过下面的标记把 jQuery 添加到网页中：

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

请注意，<script> 标签应该位于页面的 <head> 部分。
基础 jQuery 实例

下面的例子演示了 jQuery 的 hide() 函数，隐藏了 HTML 文档中所有的 <p> 元素。
实例

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>

亲自试一试
下载 jQuery

共有两个版本的 jQuery 可供下载：一份是精简过的，另一份是未压缩的（供调试或阅读）。

这两个版本都可从 jQuery.com 下载。
库的替代

Google 和 Microsoft 对 jQuery 的支持都很好。

如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。
使用 Google 的 CDN

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

使用 Microsoft 的 CDN

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>

初步认识JavaScript函数库jQuery

- Author -

goldensun

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

prototype1.4中文手册

Sep 22 Javascript

js 单击式的下拉菜单效果实例

Aug 13 Javascript

jquery提取元素里的纯文本不包含span等里的内容

Sep 30 Javascript

javascript记住用户名和登录密码（两种方式）

Aug 04 Javascript

JSON 的正确用法探讨：Pyhong、MongoDB、JavaScript与Ajax

May 15 Javascript

jQuery实现的手风琴侧边菜单效果

Mar 29 jQuery

node.js基于express使用websocket的方法

Nov 09 Javascript

vue.js中created方法作用

Mar 30 Javascript

JS使用setInterval实现的简单计时器功能示例

Apr 19 Javascript

vuejs简单验证码功能完整示例

Jan 08 Javascript

在layui下对元素进行事件绑定的实例

Sep 06 Javascript

详解Vue中的Props与Data细微差别

Mar 02 Javascript

用JavaScript显示浏览器客户端信息的超相近教程

Jun 18 #Javascript

浅谈Jquery核心函数

Jun 18 #Javascript

$.extend 的一个小问题

Jun 18 #Javascript

纯js实现无限空间大小的本地存储

Jun 18 #Javascript

JS实现当前页居中分页效果的方法

Jun 18 #Javascript

javascript中Date()函数在各浏览器中的显示效果

Jun 18 #Javascript

javaScript中Math()函数注意事项

Jun 18 #Javascript