Jquery中”$(document).ready(function(){ })”函数的使用详解

Jquery中的$(document).ready函数用于在DOM文档加载完毕后执行JavaScript代码。通常在这个函数内部创建或操作DOM元素，绑定事件监听器，或执行其他页面初始化的操作。

$(document).ready函数用法示例：

$(document).ready(function() {
  // 在这里编写需要在DOM加载后执行的代码
  $('p').addClass('text-primary');
  $('#myButton').click(function() {
    alert('Button clicked!');
  });
});

以上代码将会在DOM文档加载完毕后，寻找文档中所有的<p>元素并加上text-primary样式类。同时监听#myButton按钮的click事件，并弹出警告框。

如果你需要绑定多个行为，也可以使用以下方式：

$(document).ready(function() {
  //...执行操作1
});

$(document).ready(function() {
  //...执行操作2
});

$(window).on('load', function() {
  //...执行操作3
});

以上代码展示了绑定多个$(document).ready事件以及在窗口load事件触发时执行操作的用法。

在更高级的场景中，有时需要防止多次触发代码时出现问题，你可以使用以下方式代替 $(document).ready：

(function($) {
  //...执行代码
})(jQuery);

以上代码将自执行匿名函数，确保代码仅在页面加载完毕后执行一次，避免了多次执行的问题。

总之，$(document).ready函数是Jquery的基础用法之一，它为实现页面的初始化和加载提供了很大帮助！