jQuery入门[1]－构造函数
thinhunanblogs/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()可替换为快捷方式$()，如果$被其它对象占用，可使用Conflict()函数取消快捷方式。
"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下会有不同的效果，请参照红的字样。如有错误请及时联系我。
绯雨：feiyu.asgard/feiyu.asgard
基本选择器
#myid返回：对象>
匹配一个id为myid的元素。
element返回：对象>数组
匹配所有的element元素
.myclass返回：对象>数组
匹配所有class为myclass的元素
*返回：对象>数组
匹配所有元素。该选择器会选择文档中所有的元素，包括html，
head，body
selector1,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返回：对象>数组
js获取子元素匹配所有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返回：对象>数组
匹配文件域。注：在IE浏览器下，选择的对象是所有type属性为file的元素，在非IE浏览器下，选择的对象是input元素type属性为file的元素
:enabled返回：对象>数组
匹配所有可用的元素。注：即:not(:disabled)，参考:disabled的注释
:disabled返回：对象>数组
匹配所有禁用的元素。注：在非IE浏览器下，选择的对象是禁用的表单元素
:
checked返回：对象>数组
匹配所有被选中的表单。注：在IE浏览器下，选择的对象是含有checked属性的所有元素
:selected返回：对象>数组

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。