温馨提示×

jQuery之$(document).ready()怎么使用

小亿
110
2023-08-09 22:08:43
栏目: 编程语言

$(document).ready()函数是jQuery中的一个事件处理函数,用于在文档加载完成后执行指定的代码。

使用方法如下:

  1. 在HTML文件中引入jQuery库:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  1. 在script标签中使用$(document).ready()函数:
<script>
$(document).ready(function(){
// 在这里写需要执行的代码
});
</script>

在$(document).ready()函数的参数中,可以传入一个匿名函数,该函数中的代码会在文档加载完成后执行。

例如,可以在$(document).ready()函数中执行一些操作,如修改DOM元素的内容、样式等。示例代码如下:

$(document).ready(function(){
// 修改元素的文本内容
$("#my-element").text("Hello, world!");
// 添加CSS样式
$("#my-element").css("color", "red");
// 绑定事件处理函数
$("#my-button").click(function(){
alert("Button clicked!");
});
});

在上述示例中,当文档加载完成后,会执行$(document).ready()函数中的代码。其中,通过$("#my-element")选择器选中id为"my-element"的元素,并使用.text()方法修改其文本内容为"Hello, world!";使用.css()方法添加样式,将文本颜色设置为红色;使用.click()方法给id为"my-button"的按钮绑定了一个点击事件处理函数,当按钮被点击时会弹出一个提示框。

总结起来,$(document).ready()函数是在文档加载完成后执行的代码块,可以用来操作DOM元素、绑定事件等。

0