jQuery 是一种流行的 JavaScript 库,提供了方便快捷的 DOM 操作和事件处理方式。 在 jQuery 中,$() 是一个重要的函数,用于选择 DOM 元素并返回一个 jQuery 对象。
基本语法
基本的语法格式如下:
-----------
其中,selector
表示元素的选择器,可以是 CSS 选择器、HTML 标签名称、DOM 节点等。 $()
函数将返回一个 jQuery 对象。
获取元素
有多种方法可以获取元素并传递给 $()
函数:
使用 CSS 选择器
使用 CSS 选择器作为 selector
参数,可以方便地选择一个或多个元素。例如:
-- -- ----- - --------- ------ --- ---- - -------------------- -- ---- - ---- --- ----- - -------
使用标签名称
通过指定 HTML 标签名称,可以选择特定类型的元素:
-- ---- --- -- --- ----- - ---------
使用 ID
可以通过 ID 选择器获取具有特定 ID 的元素:
-- -- -- - ------ --- --- ---- - -----------
使用 DOM 节点
还可以使用 JavaScript DOM 对象作为参数:
-- -- ---- ---------- ------- ------ -- --- ---- - -----------------------------------
jQuery 对象
jQuery 对象是由 $()
函数返回的对象。它提供了许多有用的方法,例如:
addClass(className)
:向元素添加一个类名removeClass(className)
:从元素中删除一个类名attr(attributeName)
:获取或设置元素的属性值css(propertyName)
:获取或设置元素的 CSS 属性值html(htmlString)
:获取或设置元素的 HTML 内容
下面是一个简单的示例,演示如何使用 $()
函数和 jQuery 对象来修改 HTML 元素的内容:
--------- ----- ------ ------ ----- ---------------- ------------- ---------- ------- ----------------------------------------------------------- -------- ---------------------------- - -- -- -- - ------- ------------ ------- ------- ------------------------ --------- --- --------- ------- ------ ---- --------------------- ------- -------
在本示例中,$()
函数选择 ID 为 "mydiv" 的元素,并使用 html()
方法将其内容替换为 "Hello, world!"。
总结
本文介绍了在 jQuery 中使用 $()
函数来选择 DOM 元素的基本语法和各种选项。我们还讨论了 jQuery 对象及其常用方法。通过掌握这些知识,您可以更轻松地操作 DOM 元素和创建动态网页。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/14093