当然可以。jQuery 的 ready()
函数是一个非常有用的功能,它允许你在 DOM 结构加载完成后执行 JavaScript 代码。你可以在同一个元素上多次使用 ready()
函数,而不会产生任何问题。
例如:
$(document).ready(function() {
// 第一次使用 ready() 函数
$("button").click(function() {
$("p").text("这个段落的文本已经被改变。");
});
});
$(document).ready(function() {
// 第二次使用 ready() 函数
$("button").mouseover(function() {
$("p").css("background-color", "yellow");
});
});
在上面的例子中,我们在同一个元素上使用了两次 ready()
函数,分别为按钮添加了点击事件和鼠标悬停事件。这样,当 DOM 结构加载完成后,这两个事件都会被触发。
需要注意的是,虽然可以在同一个元素上多次使用 ready()
函数,但是这并不意味着你应该这样做。在实际开发中,通常建议将所有的事件处理程序放在一个 ready()
函数中,以避免潜在的问题。
领取专属 10元无门槛券
手把手带您无忧上云