码迷,mamicode.com
首页 > Web开发 > 详细

jQuery简介与安装

时间:2015-03-18 13:40:09      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:

jQuery简介

JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时。为了应对这些调整,许多的JavaScript(helper)库应运而生。这些 JavaScript 库常被称为JavaScript框架。

常见的JavaScript框架有:jQuery,Prototype,MooTools,YUI,Dojo.

jQuery 是目前最受欢迎的 JavaScript 框架。它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象)。jQuery 同时提供 companion UI(用户界面)和插件。

jQuery是一个JavaScript函数库,也是一个轻量级的写的少做的多的JavaScript库。jQuery同时还提供了大量的插件。

jQuery库包含以下功能:

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

jQuery安装

可以通过以下两种方法向网页中添加jQuery:

  • 从 jquery.com 下载 jQuery 库
  • 从内容分发网络 CDN 中载入 jQuery, 如从 Google,baidu 中加载 jQuery
<!--  baidu CDN  -->
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
</head>
<!--  google CDN  -->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</script>
</head>
<!--  google CDN  -->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</script>
</head>

以下是一个jQuery应用的小例子:

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果你点我,我就会消失。</p>
<p>继续点我!</p>
<p>接着点我!</p>
</body>
</html>

 

jQuery简介与安装

标签:

原文地址:http://www.cnblogs.com/wddoer/p/4346792.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!