jQuery实战1:概述,环境准备及入门实例

本文介绍了jQuery的基本概念和特点,如Write less, Do more,以及它在浏览器兼容性和CSS选择器方面的优势。文章详细讲述了学习jQuery的环境准备,包括IDE、浏览器、服务器和API参考手册的选择。接着,通过一个入门案例展示了如何下载jQuery库并将其引入到网页中。此外,文章还探讨了jQuery的基础语法,并提供了一个校验用户名合法性的模块作为实践,涉及了Ajax请求和事件处理。最后,总结了本节关键知识点,包括HTML、CSS、JavaScript的职责,以及jQuery的相关方法和事件处理。" 122564449,11583686,理解并发编程:IO模型详解,"['Python', '网络编程', '并发处理', 'IO模型']
摘要由CSDN通过智能技术生成

jQuery是一套跨浏览器的JavaScript函数库,简化HTML与JavaScript之间的操作。由约翰·雷西格(John Resig)在2006年1月的BarCamp NYC上发布第一個版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10,000个访问最高的网站中,有65%使用了jQuery,是目前最受欢迎的JavaScript函数库。

jQuery的特点:

  • Write less, Do more。
  • jQuery is designed to change the way that you write JavaScript。
  • 支持各种主流浏览器,包括IE,FireFox2以上,Safari2以上和Opera9以上的版本。
  • 以强大的CSS选择器为基础,几乎所有的操作都先使用选择器查找DOM对象,然后对其进行各种操作。
  • 屏蔽浏览器差异,对DOM的操作提供了方便的扩展,易用的事件处理API和动画API。
  • 强大的插件机制。

版本发布

JQuery目前分成1.x版与2.x版,这两种版本发布,后者不再支持IE 6/7/8,前者通过jQuery Migrate plugin与先前版本保持相容。

学习环境准备

1.一款自己喜欢的IDE。作为一名Java程序员,Eclipse是我最佳选择。
2.各种主流浏览器。考虑到浏览器的兼容问题,机器上最好同时装上Firefox,Chrome,Opera,IE等。由于我使用的操作系统是ubuntu,所以暂时不考虑IE。
3.自己熟悉的web服务器。这里以tomcat6.0为例进行学习。
4.api参考手册。Jquery1.8.3和w3school,w3school里面的api较多,覆盖了html,css到js,前端到后台的一些参考手册,但是针对性没有Jquery的参考手册,建议两者都可以选择,或者重点放在前者。

入门案例

1.下载jQuery文件。共有两个版本的 jQuery 可供下载:一份是精简过的,另一份是未压缩的(供调试或阅读)。压缩版一般以min.js结为,其目的是为了在生产时减少文件大小,降低网络带宽,这里两者都可以下载下来,官方下载地址

2.jQuery 库位于上诉下载的js文件中,其中包含了所有的 jQuery 函数。 可以通过下面的标记把 jQuery 添加到网页中:

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

src里面的内容替换成你的jQuery文件的位置。除了上诉引入jQuery的方法之外,还可以引入谷歌或者微软的CDN里面的jQuery文件,用法如下:

使用 Google 的 CDN

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

使用 Microsoft 的 CDN

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

jQuery的基础语法是:

$(selector).action()

美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作,简单案例如:

$(document).ready(function(){
   
    alert("Hello Jquery");
});

jQuerydocumentJavaScript

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值