欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery 入门教程(1): 概述

发布时间：2025/7/14 编程问答 40 豆豆
生活随笔 收集整理的这篇文章主要介绍了 jQuery 入门教程(1): 概述 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

2019独角兽企业重金招聘Python工程师标准>>>

jQuery是一套跨浏览器的JavaScript函式库，简化HTML与JavaScript之间的操作，下面为摘自Wikepedia上的jQuery说明：

jQuery 是开源软件，使用MIT许可证授权。[4] jQuery的语法设计使得许多操作变得容易，如操作文档对象（document）、选择DOM元素、创建动画效果、处理事件、以及开发Ajax程序。jQuery 也提供了给开发人员在其上创建插件的能力。这使开发人员可以对底层交互与动画、高级效果和高级主题化的组件进行抽象化。模块化的方式使 jQuery 函数库能够创建功能强大的动态网页以及网络应用程序。

jQuery有下列特色:

  • 跨浏览器的DOM元素选择
  • DOM巡访与更改：支援CSS 1-3与 基本的XPath，jQuery 1.2版以后默认取消XPath支持，改为插件支持
  • 事件（Events）
  • CSS操纵
  • 特效和动画（移动显示位置、淡入、淡出）
  • Ajax
  • 延伸性（Extensibility）
  • 工具：例如浏览器版本和each函数。
  • JavaScript插件
  • 轻量级

有很多应用程序开发框架中已经集成了jQuery，如前面介绍的PHP Yii Framework 和 Java EE Vaadin Web应用开发框架 ，这些框架可以不使用JavaScript而是使用PHP或是Java来使用jQuery的UI功能。但了解jQuery JavaScripts编程对于更好编写Web页面还是有很大的帮助的，微软和诺基亚已宣布在他们的平台上绑定jQuery。[5] 微软最初在Visual Studio中集成了jQuery[6]以便在微软自己的 ASP.NET AJAX 框架和ASP.NET MVC Framework 中使用。因此如果你从事ASP.Net或是Sharepoint Web Part或是Application Page开发了解jQuery尤为重要，本教程帮助初学者了解jQuery的基本开发，从而为进一步学习其它Web编程打好基础。

本教程使用Visual Studio为开发工具，你也可以使用你自己喜欢的开发IDE，Visual Studio支持Javascript的调试，jQuery使用目前的最新版本jquery-1.9.1.js.下载到本地。

使用Visual Studio创建一个Website，将下载下来的jquery-1.9.1.js 放在scripts

添加的Default.html具有如下代码框架作为后续示例的基础：

[html]  view plain copy print ?
  • <!doctype html>  
  • <html>  
  • <head>  
  •     <meta charset="utf-8">  
  •     <title>JQuery Demo</title>  
  • </head>  
  • <body>  
  •    
  •     <script src="scripts/jquery-1.9.1.js"></script>  
  •     <script>  
  •   
  •         // Your code goes here  
  •   
  •     </script>  
  • </body>  
  • </html>  

    • 转载于:https://my.oschina.net/u/194743/blog/164522

    总结

    以上是生活随笔为你收集整理的jQuery 入门教程(1): 概述的全部内容，希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。