标签:path context ext css class 选择器 append ddc parse
1.构造函数
jQuery把所有的操作都封装到jQuery()函数中,形成了唯一的入口。其参数为
1>jQuery(expression,context)
expression可以是ID,Dom元素名,CSS表达式或Xpath表达式。jQuery将根据此值匹配文档中的元素,然后把找到的元素封装到jQuery对象并返回。
如: $(div#wrap>p:first).addClass("red"); //CSS表达式
context 上下文.指定在文档DOM中的哪个节点开始进行查询。默认为document
2>jQuery(html)
html表示一个html结构字符串。
如:$("ul").append($("<li>new item</li>"));
3>jQuery(element)
element是一个Dom对象
如:$(document).ready( function(){
...;
}
);
4>jQuery(fn)
fn表示一个处理函数。
如:$( function(){
...;
}
);
2.链式语法,即一些函数的返回值仍为jQuery对象本身。
如:$("input[type=‘button‘]").eq(0).click( function(){
alert(‘Button clicked.‘);
}
).end();
end()函数取消当前的jQuery对象,返回前面的jQuery对象。(jQuery是类数组,或集合)
注:1>在同一个jQuery对象上执行不超过3个方法,可以写在同一行。
2>如果在同一个jQuery上执行很多操作,则应该分行。
3>代码缩进
3.jQuery选择器
支持ID、tagName、CSS1~3表达式及Xpath表达式。见:http://docs.jquery.com/Selectors。自定义的过滤方法
jQuery支持 选择 和 过滤
1.过滤
* 表示从全部"*"元素中筛选
如:$(":[title]") 等同于 $("*:[title]")
2.选择功能没有默认范围。
$( function(){
$("input[type=‘button‘]").click( function(){
var i = 0;
//下面的匹配所有的输入框
$("input[type=‘text‘]").each( function(){
i += parseInt( $(this).val() );
}
)
}
);
示例中:为按钮添加了一个事件。$(this)表示当前选择的文本框,或当前jQuery对象。
4.jQuery扩展
标签:path context ext css class 选择器 append ddc parse
原文地址:http://www.cnblogs.com/Abner5/p/5987802.html