jQuery入门(1) 概述

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具有如下代码框架作为后续示例的基础:

<!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>

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
, jquery
, 框架
, 开发
, 微软
, studio
, vaadin
, java jquery
, java插件微信jquery框架
, javascripweb开发jquery
, jQuery java
, jquery入门
, jquery高级应用
javascript概述
jquery概述、jquery 入门、jquery入门到精通 pdf、jquery入门教程、jquery从入门到精通,以便于您获取更多的相关知识。

时间: 2024-11-01 16:37:00

jQuery入门(1) 概述的相关文章

jquery入门教程

jQuery入门(1) 概述 jQuery入门(2) 基本语法 jQuery入门(3) Selectors jQuery入门(4) Events jQuery入门(5) 显示/隐藏内容 jQuery入门(6) 淡入淡出效果 jQuery入门(7) 滑动效果 jQuery入门(8) 动画效果 jQuery入门(9) 终止动画 jQuery入门(10) 回调函数 jQuery入门(11) 方法链 jQuery入门(12) HTML Get jQuery入门(13) HTML Set jQuery入门

jquery入门菜鸟的疑问

问题描述 jquery入门菜鸟的疑问 $(document).ready(function(){ alert("asdasdasd"); });这段代码没有生效,不只是否是js类库没有加载到 我是在myeclipse里做的,jquery-1.7.2.js是放在/WebRoot/WEB-INF/js/jquery-1.7.2.js jsp文件时放在/WebRoot/index.jsp 解决方案 解决方案二: 问题不清楚,不知道你是否引入了js

jQuery入门[1]-构造函数

体积小(v1.2.315kb) 丰富的DOM选择器(CSS1-3+XPath) 跨浏览器(IE6,FF,Safari,Opera) 链式代码 强大的事件.样式支持 强大的AJAX功能 易于扩展,插件丰富 jQuery的构造函数接收四种类型的参数: jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式(ID,DOM元素名,CSS表达式,XPath表达式)找出文档中的元素,并组装成一个 jQuery对

jQuery入门(13) HTML Set

上篇介绍HTML Get,jQuery其实使用上面同样的三个方法来赋值. text() – 设置或取得指 定元素的文本内容. html() – 设置或取得指定元素的内容(包括HTML标记) val() – 设置或 取得表单某个输入域的值. 比如下面代码就是使用上面三种方法给HTML元素或Form赋值 $("#btn1").click(function(){ $("#test1").text("Hello world!"); }); $("

jQuery入门(12) HTML Get

jQuery库包含了很多用来改变和操作HTML元素及其属性的方法. 其中一个非常重要的部分就是 jQuery可以用来操作DOM. 本篇介绍使用jQuery来取得DOM节点元素的值或属性. 其中三个简单而 有用的方法如下: text() – 设置或取得指定元素的文本内容. html() – 设置或取得指定 元素的内容(包括HTML标记) val() – 设置或取得表单某个输入域的值. 例如,下面代码 使用html()和text()方法取得HTML元素的内容: $("#btn1").cli

jQuery入门(11) 方法链

jQuery支持将多个方法链接在一起,比如介绍的多个animation(),这个链接也可以应用到其它方法 ,构成一个方法链. 使用这个方法,对于同一个元素,链接多个方法,浏览器无需多次查找HTML元 素. 下面的方法,可以把css,slideUp,slideDown串接在一起: $("#p1") .css("color","red") .slideUp(2000) .slideDown(2000); 以上是小编为您精心准备的的内容,在的博客.问答

jQuery入门(5) 显示/隐藏内容

jQuery的hide()和show()可以用来显示和隐藏内容.比如下面的例子:jQuery的hide()和show()可 以用来显示和隐藏内容.比如下面的例子: <!doctype html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo</title> <script src="scripts/jquery-1.9.1.js&qu

jQuery入门(4) Events

学习了jQuery的选择器,就可以针对选择的HMTL标记或是元素添加事件处理,事件包括按键,鼠标 ,单击按钮等. 下面为常见的DOM事件: 鼠标事件 键盘事件 表单事件 文档/窗口事 件 click keypress submit load dblc lick keydown change resize mouseenter key up focus scroll mouseleave   blur unload jQuery事件处理的语法 在jQuery中 ,大部分的DOM事件都有对应的jQu

jQuery入门(3) Selectors

jQuery Selector 是jQuery库中非常重要的一个组成部分. jQuery Selector 用来选择某个 HTML元素,其基本语句和CSS的选择器(Selector)是一样的,所有jQuery selector 都是以$()开始. 选择HTML标记 选择某个HTML元素的方法是直接使用该元素的标记名称,比如选择所有 <p>元素 $("p") 下面的例子当用户点击一个按钮时,隐藏所有的<p>元 素 $(document).ready(functio