Jqurey学习笔记---1、jqurey简介

最新推荐文章于 2025-09-13 09:06:35 发布

转载最新推荐文章于 2025-09-13 09:06:35 发布 · 203 阅读

·

0

·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/luwei-s/p/4223256.html

文章标签：

#javascript #ViewUI

本文介绍了jQuery库的主要特性，包括HTML元素选取与操作、CSS操作、事件处理等，并提供了通过本地或CDN引入jQuery的方法。此外，还给出了一个简单的jQuery实例，展示了如何使用hide()函数隐藏HTML文档中的元素。

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，那么也可以通过 CDN（内容分发网络）引用它。
  
  谷歌和微软的服务器都存有 jQuery 。
  
  如需从谷歌或微软引用 jQuery，请使用以下代码之一：
  
  Google CDN:
```
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>
```
  提示：通过 Google CDN 来获得最新可用的版本：
  
  如果您观察上什么的 Google URL - 在 URL 中规定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery，也可以从版本字符串的末尾（比如本例 1.8）删除一个数字，谷歌会返回 1.8 系列中最新的可用版本（1.8.0、1.8.1 等等），或者也可以只剩第一个数字，那么谷歌会返回 1 系列中最新的可用版本（从 1.1.0 到 1.9.9）。
  
  Microsoft CDN:
```
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</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>
```

转载于:https://www.cnblogs.com/luwei-s/p/4223256.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。