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()函数取消快捷方式。
"ul>li:first"中ul>li表示所有位于ul下的li元素（为CSS表达式，XPath方式可用ul/li），:first表示其中的第一个。
addClass()为jQuery对象用来添加CSS样式类的函数，相反的函数为removeClass()。
再加入以下代码：$('ul').append($('new item '));运行效果如下：其中$('new item')将其中的字符串转换为DOM对象，然后通过append()函数加入ul对象的最后。
接下来：$(document).ready(function(){$('ul').css('color','red');});则效果如：jQuery构造函数中还可以真接传入DOM对象，如document，或jQuery对象（当然就没什么意义）。
ready()函数为document添加事件处理函数，将ul的颜色设为红色。
$(document).ready()由于应用场景众多，所以可以直接用$(fn)来代替，fn表示处理函数。
（ready处理函数貌似在文档内容载入完成后执行，无需等待相关其它图片等资源载入完成，所以比load事件要更早执行，对于这点，没有具体证实）$(function(){alert('welcome to jQuery');});以上代码的效果是页面一载入，就弹出一个对话框。
jQuery1.2选择器jQuery1.2选择器以下的文档根据官网1.2选择器汉化，并做相应的调整及加入了部份示例。
由于实际使用中选择器在IE和非IE下会有不同的效果，请参照红色的字样。
如有错误请及时联系我。
绯雨汉化：/基本选择器#myid返回:对象>匹配一个id为myid的元素。
element返回:对象>数组匹配所有的element元素.myclass返回:对象>数组匹配所有class为myclass的元素*返回:对象>数组匹配所有元素。
该选择器会选择文档中所有的元素，包括html，head，bodyselector1,selector2,selectorN返回:对象>数组匹配所有满足selector1或selector2或selectorN的元素层次选择elementParent elementChild返回:对象>数组匹配elementParent下的所有子元素elementChild。
例如：$("div p")选择所有div下的p 元素elementParent > elementChild返回:对象>数组匹配elementParent下的子元素elementChild。
例如：$("div>p")选择所有上级元素为div 的p元素prev+next返回:对象>数组匹配prev同级之后紧邻的元素next。
例如：$("h1+div")选择所有div同级之前为h1的元素（）prev ~ siblings返回:对象>数组匹配prev同级之后的元素siblings。
例如：$("h1~div")可以匹配（)基本滤镜:first返回:对象>匹配第一个元素:last返回:对象>匹配最后一个元素:not(selector)返回:对象>数组匹配不满足selector的元素:has(selector)返回:对象>数组匹配包含满足selector的元素。
此选择器为1.2新增:even返回:对象>数组从匹配的元素集中取序数为偶数的元素。
:odd返回:对象>数组从匹配的元素集中取序数为奇数的元素。
:eq(index)返回:对象>数组从匹配的元素集中取第index个元素:gt(index)返回:对象>数组从匹配的元素中取序数大于index的元素:lt(index)返回:对象>数组从匹配的元素中取序数小于index的元素:header返回:对象>数组匹配所有的标题元素，例如h1，h2，h3……hN。
此选择器为1.2新增:animated返回:对象>数组匹配正在执行动画的元素。
此选择器为1.2新增:empty返回:对象>数组匹配所有没有子元素（包括文本内容）的元素:parent返回:对象>数组匹配包含子元素（包含文本内容）的所有元素:contains(text)返回:对象>数组匹配所有含有text的元素:hidden返回:对象>数组匹配所有隐藏的元素，包含属性type值为hidden的元素:visible返回:对象>数组匹配所有非隐藏的元素子元素滤镜E:nth-child(index/even/odd/equation)返回:对象>数组匹配所有E在其父元素下满足（index/even/odd/equation）条件的集合。
注：下标从1开始E:first-child返回:对象>数组匹配所有E在其父元素下是第一个子元素的集合。
例如：HTML（"），使用$("p:first-child")，选取：E:last-child返回:对象>数组匹配所有E在其父元素下是最后一个子元素的集合。
例如：同上的HTML，使用$("p:last-child")，选取：E:only-child返回:对象>数组匹配所有E是其父元素的唯一子元素的集合。
例如：同上的HTML，使用$("p:only-child")，选取：表单滤镜:input返回:对象>数组匹配所有的input、textarea、select、button:text返回:对象>数组匹配文本域。
注：在IE浏览器下，选择的对象是所有type属性为text的元素，在非IE浏览器下，选择的对象是input元素type属性为text的元素:password返回:对象>数组匹配密码域。
注：在IE浏览器下，选择的对象是所有type属性为password的元素，在非IE浏览器下，选择的对象是input元素type属性为password的元素:radio返回:对象>数组匹配单选按钮。
注：在IE浏览器下，选择的对象是所有type属性为radio的元素，在非IE 浏览器下，选择的对象是input元素type属性为radio的元素:checkbox返回:对象>数组匹配复选框。
注：在IE浏览器下，选择的对象是所有type属性为checkbox的元素，在非IE浏览器下，选择的对象是input元素type属性为checkbox的元素:submit返回:对象>数组匹配提交按钮。
注：在IE浏览器下，选择的对象是所有type属性为submit的元素，在非IE 浏览器下，选择的对象是input元素type属性为submit的元素和button元素type属性为空或为submit的元素:image返回:对象>数组匹配图像域。
注：在IE浏览器下，选择的对象是所有type属性为image的元素，在非IE浏览器下，选择的对象是input元素type属性为image的元素:reset返回:对象>数组匹配重置按钮。
注：在IE浏览器下，选择的对象是所有type属性为reset的元素，在非IE 浏览器下，选择的对象是input或button元素type属性为reset的元素:button返回:对象>数组匹配按钮。
注：在IE浏览器下，选择的对象是所有type属性为button的元素和元素名为button的元素，在非IE浏览器下，选择的对象是input元素type属性为button的元素和元素名为button的元素:file返回:对象>数组匹配文件域。