下载文档原格式
jQuery入门[1]－构造函数/archive/2008/03/05/1091816.html jQuery优点◦体积小（v1.2.3 15kb）◦丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器（IE6,FF,Safari,Opera）◦链式代码◦强大的事件、样式支持◦强大的AJAX功能◦易于扩展，插件丰富jQuery的构造函数接收四种类型的参数：jQuery(expression,context)jQuery(html)jQuery(elements)jQuery(fn)第一种根据表达式（ID，DOM元素名，CSS表达式，XPath表达式）找出文档中的元素，并组装成一个jQuery对象返回。
DEMO:DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>jQuery basic title><style type="text/css">.selected{background-color:Yellow;}style><script src="../scripts/jquery-1.2.3.intellisense.js"type="text/javascript">script>head><body><h3>jQuery构造函数h3><ul><li>jQuery(expression,context)li><li>jQuery(html)li><li>jQuery(elements)li><li>jQuery(fn)li>ul><script type="text/javascript">script>body>html>将以下jQuery代码加入文末的脚本块中：jQuery("ul>li:first").addClass("selected");页面运行效果如下：其中jQuery()可替换为快捷方式$()，如果$被其它对象占用，可使用jQuery.noConflict()函数取消快捷方式。
jQuery基础教程一(传说中的ready)首先我们来说明一下什么是JqueryjQuery 是一个新型的JavaScript库.jQuery是一个简洁快速的JavaScript库，它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。
jQuery的设计会改变你写JavaScript代码的方式。
jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery 适合任何JavaScript应用的地方，可用于不用的应用程序。
jQuery是一个轻量级的脚本，其代码非常小巧，JavaScript包只有15K左右。
jQuery支持CSS1-CSS3,以及基本的xPathjQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+第一步ready函数如果你需要一些函数需要在DOM加载就绪以后才能执行,当然window.onload()能实现同样的功能，但当window.onload函数执行的时候，要说明所有东西已经载入，包括图像和横幅等等。
要知道较大的图片下载速度会比较慢，因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果，这样就花费了很长的等待时间，这不是我们想要的.$(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。
简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。
通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数.(document)意思是说，获取整个网页文档对象（类似的于window.document），$(document).ready意思就是说，获取文档对象就绪的时候。
$(document).ready(function() {// do stuff when DOM is ready//当文档载入后从此处开始执行代码});jquery基础教程二(鼠标点击事件)下面我们来看看jquery如何给DOM 各个元素批量绑定事件<SCRIPT LANGUAGE="JavaScript"><!--$(document).ready(function() {$("div").click(function(){//$("div")就是页面中所有的div标签alert("Hello World!");})})//--></SCRIPT>$("div").click $("div")就是页面中所有的div标签这句话就是给所有的标签为div的元素绑定了一个click事件即当所有div 被鼠标单击的时候执行alert("Hello World!");例子：<html><head><meta http-equiv="Content-Type" content="text/html; charset= gb2312" /><title>jquery基础教程二（demo鼠标点击事件）</title><script language="javascript" src="/demo/jquery.js"></script><SCRIPT LANGUAGE="JavaScript"><!--$(document).ready(function() {$("div").click(function(){alert("Hello World!");})})//--></SCRIPT></head><body><div>Hello World!</div></body></html>jquery基础教程三(css的操作之addClass和removeClass)下面我们看看jquery对css的操作方法addClass和removeClass1）addClass：为每个匹配的元素添加指定的类名。
第1章.选择符—取得你想要的一切$()会替换FOR循环访问一组元素的需求，放到贺括号中的任何元素都将自动执行循环遍历。
并且会保存到一个JQUERY对象中，如果一个页面有几个JQUERY库，有可能会产生冲突，最简单的方式是把每个库用一个JQUERY代替，也可以参考插件中的解决方法。
用JQuery取得的元素是JQuery对像，不是普通的DOM对象，但可以访问包装在jQuery对象中的DOM 元素。
$(document).ready会在DOM加载后立即执行。
这个$()中的参数是一个DOM对象，也可以是一段HTML 代码。
所以用$(document.createElement(‘script’))是可以的。
第1节.$的其他用法$(函数):DOM载入后就执行该函数.所以$(document).ready()可以写做$()$(选择器部分,选择器来源):这个举例说明$("input:radio",document.forms[0]):在文档的第一个表单中,搜索所有单选按钮$("div",xml.responseXML):查询指定XML文档中的所有div元素第2节.访问DOM元素1.取得DOM元素：get(index)例：取得id=”my”属性的元素集合的第一个元素的标签名。
var myTag = $(‘#my’).get(0).tagName或$(‘#my’)[0]。
其中jquery变量也可以用var t = $(‘’)来定义，但t只能调用jquery的方法。
get()如果没有参数,返回所有,是一个对象数组;如果带参数,必须是数字,基数从0开始.例子: $("div").get():返回一个div对象数组$("div").get(1):返回第二个div对象，也可以简写成$(‘div’)[1]index(需求的元素节点对象)返回数字.用个例子说明: $("div").index($(".test"))[1] //表示从所有div节点中查找class属性为test的节点.并且找的是第二个节点(基数从0开始).返回值是该节点在div节点中的位置(基数也是从0开始).2.this选择符var $ele = $(this);//返回的是jquery对象第3节.选择符类型CSS选择符， XPath选择符及其它选择符。
第一部分JavaScript入门第1章编写第一个JavaScript程序HTML自身并没有太多智能：它不能做数学运算，它不能判断某人是否正确地填写了一个表单，并且它不能根据Web访问者和它的交互来做出判断。
基本上，HTML让人们阅读文本、观看图片，并且点击链接转向拥有更多文本和图片的下一个Web页面。
要给Web页面添加智能，以便可以对站点的访问者做出响应，我们需要JavaScript。
JavaScript允许Web页面智能地反应。
有了它，我们可以创建智能的Web表单，当访问者忘了包含必需的信息的时候，表单可以告知访问者；我们可以让元素显示、消失，或者在页面上来回移动（如图1-1所示）；我们甚至可以用从Web服务器获取的信息来更新Web页面的内容（而不必载入一个新的Web页面）。
简而言之，JavaScript允许我们使得Web站点更加动人和高效。
图1-1JavaScript允许Web页面对访问者做出响应：在上，把鼠标放在"Gifts and Wish Lists"链接上，会打开一个标签页，它浮动在页面的其他元素之上并且提供额外的选项1.1 编程简介对于很多人来说，“计算机编程”使他们脑海里浮现出这样的情景：拥有超常智慧的家伙在键盘前弯腰而坐，连续数小时飞快地敲击着几乎难以理解的、含混不清的语言。
确实，某些编程工作就是那样的。
编程可能像是非凡之人所能的复杂魔术。
虽然很多编程概念很难掌握，但是，在编程语言中，JavaScript对于非程序员来说算是相对友好的。
然而，JavaScript比HTML或CSS都要复杂，并且，对于Web设计者来说，编程往往是一个陌生的世界；因此，本书的目标之一是帮助你像一个程序员一样思考。
在整本书中，你将学习基本的编程概念，不管你是编写JavaScript、ActionScript或者甚至使用C++编写桌面程序，这些概念都适用。
更重要的是，你将学习如何完成一个编程任务，从而在开始把JavaScript 添加到Web页面之前，就确切地知道自己想要做什么。
[jQuery教程] jQuery速成教程jQuery其实很简单，相信您看了CSS学习网精心编写的jQuery速成教程后，一定会被它的优雅、轻巧吸引住，而且如果您掌握了它，定能成为提升薪水的一个资本。
本节并没有涉及到jQuery如何编写，只为大家解决几个常见问题，因为这也是面试中常常遇到的几个问题。
如果你掌握了jQuery可以成为提升工资的一个资本。
另外我写教程的时候需要一边发布一边写，因此如果当你看到某节教程的标题不是【蓝色加粗字体、标题后面无精品推荐】这些条件，那么劝大家不要看此教程，因为它还没发育好呢！课程列表：第一章：基础篇- 对象的获取第一节：jQuery速成- 向jQuery进军！第二节：jQuery速成- 核心！第三节：jQuery速成- 核心方法的使用第四节：jQuery速成- 基本对象获取第五节：jQuery速成- 层级对象获取第六节：jQuery速成- 简单对象获取第七节：jQuery速成- 内容对象的获取和对象可见性！第八节：jQuery速成- 对象获取进阶第九节：jQuery速成- 子元素的获取第十节：jQuery速成- 表单对象的获取第十一节：jQuery速成- 元素属性的设置与移除第二章：进阶篇- 对象的筛选第十二节：jQuery速成- 过滤第十三节：jQuery速成- 查找第十四节：jQuery速成- 串联第三章：文本篇- 对象文本处理第十五节：jQuery速成- 内部插入第十六节：jQuery速成- 外部插入第十七节：jQuery速成- 包裹第十八节：jQuery速成- 替换，删除和复制第十九节：jQuery速成- 元素的赋值第四章：样式篇- 层叠样式表的处理第二十节：jQuery速成- 样式的设置与定义第五章：提高篇- jQuery中的事件机制第二十一节：jQuery速成- 页面的载入事件与事件处理第二十二节：jQuery速成- 鼠标事件与交互第二十三节：jQuery速成- 焦点事件第二十四节：jQuery速成- 键盘事件第二十五节：jQuery速成- 其他事件第六章：效果篇- jQuery中的动画效果第二十六节：jQuery速成- 动画实现的基本方法第二十七节：jQuery速成- 元素的渐隐渐显第二十八节：jQuery速成- 元素的滑动第二十九节：jQuery速成- 自定义动画第七章：工具篇- jQuery中的工具使用第三十节：jQuery速成- 浏览器种类及其特性的检测第三十一节：jQuery速成- 数组和对象的操作第三十二节：jQuery速成- 工具杂项第八章：高级篇- Ajax异步请求及调用实战第三十三节：jQuery速成- Ajax请求(讲解篇)第三十四节：jQuery速成- Ajax请求(实战篇)第一章：基础篇- 对象的获取第一节：jQuery速成 - 向jQuery进军！jQuery速成- 向jQuery进军！jQuery其实很简单，相信您看了CSS学习网精心编写的jQuery速成教程后，一定会被它的优雅、轻巧吸引住，而且如果您掌握了它，定能成为提升薪水的一个资本。
