简介
在 jQuery 中,$()
和 $(document)
是非常常见的用法,它们都是 jQuery 对象的创建方式之一。而 $this
和 this
则是指向当前 DOM 元素的引用。
$() 和 $(document)
$()
是 jQuery 的一个核心函数,用于选择 DOM 元素并返回对应的 jQuery 对象。它的参数可以是 CSS 选择器、DOM 元素、HTML 字符串等。
以下是一些常见的 $()
用法:
-- -------------------- ---- ------- ---------------------------- - -- ------------ --- ------------------------------- - -- - --------- ---------- --- --------------------------------------- -- ------ --- --------- ---- -
$(document)
则是一个特殊的 jQuery 对象,表示整个 HTML 文档。使用 $(document).ready()
可以在页面加载完成后执行代码,避免出现未加载完成的 DOM 元素导致的错误。
$this 和 this
$this
和 this
都是 JavaScript 中的关键字,但它们在 jQuery 中有不同的含义。
$this
表示当前元素的 jQuery 对象。通常在事件处理函数中使用,可以方便地操作当前元素及其子元素。
例如,当点击某个按钮时,可以使用以下代码来获取该按钮的文字:
$('button').click(function() { var text = $(this).text(); });
this
则表示当前元素的 DOM 对象。同样在事件处理函数中使用,可以通过原生 JavaScript 方法操作当前元素。
例如,当点击某个按钮时,可以使用以下代码来隐藏该按钮:
$('button').click(function() { this.style.display = 'none'; });
总结
在 jQuery 中,$()
和 $(document)
是常见的用法,它们可以方便地选择 DOM 元素并执行相应的操作。而 $this
和 this
则是指向当前元素的 jQuery 对象和 DOM 对象,在事件处理函数中经常使用。
熟练掌握这些用法,可以大幅提高开发效率,并让代码更加简洁和易于维护。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/12292