代码改变世界

Jquery学习1

2009-10-21 15:43  markwangxm  阅读(189)  评论(0编辑  收藏  举报

◦体积小(v1.2.3 15kb)
◦丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器(IE6,FF,Safari,Opera)
◦链式代码
◦强大的事件、样式支持
◦强大的AJAX功能
◦易于扩展,插件丰富
jQuery的构造函数接收四种类型的参数:
1:Jquery(expression,context)

2: Jquery(html)

3: Jquery(elements)

4: Jquery(fn)

第一种根据表达式(ID,DOM元素名,CSS表达式,Xpath表达式)找出文档中的元素,并组装成一个Jquery对象返回。

expression(string):要查找的字符串;

context(Element,jQuery):[可选],待查找的DOM元素集、文档或jQuery对象。

jQuery的核心功能都是通过这个函数实现的。

本函数接收一个CSS选择器的字符串,通过此字符串查找符合条件的一组元素。

如果context为空,则在当前html文档中查找符合条件的DOM元素;如果context不为空,则在context范围内查找符合条件的DOM元素

示例:

1.找到所有在<div> 元素下的<p>元素。

html代码:<p>aaa<p><div><p>BBB</p><p>CCC</p></div><p>ddd</p>

jQuery代码:$("div>p") ;

结果是: <p>BBB</p><p>CCC</p>

2.在文档的第一个表单中查找所有的单选按钮。

分析:查找所有type为radio的input的元素;“第一个表单”规定了context的范围。

jQuery代码:$("input:radio",document.forms[0]);

3.在一个由ajax返回的XML文档中,查找所有的DIV元素。

jQuery代码:$("div",xml.responseXML);