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);