jQuery1.3核心功能:选择器与动态创建DOM

5星 · 超过95%的资源 需积分: 10 1 下载量 149 浏览量 更新于2024-08-01 收藏 592KB DOC 举报
"jQuery1.3中文说明及核心函数详解" jQuery是一个强大的JavaScript库,它的核心功能主要体现在其选择器机制上。`jQuery(expression,[context])`是jQuery库的入口函数,也是其最基础和最重要的功能。这个函数接受一个CSS选择器作为参数`expression`,用于查找DOM树中的匹配元素。通过这个函数,开发者能够方便地选取和操作页面上的元素。 `expression`参数允许使用各种CSS选择器,包括元素选择器、类选择器、ID选择器等,以定位特定的DOM元素。例如,`$("div > p")`会选取所有直接位于`div`元素内的`p`元素。除此之外,还可以使用伪类和属性选择器,如`$("input:radio")`选取所有type为`radio`的`input`元素。 如果未提供`context`参数,jQuery会在当前HTML文档的全局范围内查找元素。而如果指定了`context`,例如一个DOM元素、文档片段或jQuery对象,那么查询将限定在该上下文中进行。例如,`$("input:radio", document.forms[0])`会在文档的第一个表单中寻找单选按钮。 除了基本的选择器功能,jQuery还提供了`jQuery(html,[ownerDocument])`函数,用于动态创建DOM元素。传入一个HTML字符串,jQuery会将其解析并创建相应的DOM节点。例如,`$("<div><p>Hello</p></div>").appendTo("body")`会创建一个新的`div`元素,内含一个`p`元素,并将其附加到页面的`body`元素中。要注意的是,当创建`<input>`元素时,需要在HTML字符串中指定`type`属性,因为在某些浏览器(如IE)中,仅设置`attr("type", "checkbox")`可能无法正确工作。 jQuery的核心函数是其强大之处,它极大地简化了DOM操作,使得开发者可以更专注于应用逻辑,而非处理浏览器之间的差异。通过熟练掌握这些函数,开发者能够高效地构建动态和交互性强的Web应用程序。