如何在JQuery中加载时自动调用函数

How can I automatically call a function on load in JQuery?

本文关键字：调用 函数 加载 JQuery      更新时间：2023-09-26

加载页面时，我正在尝试自动获取#mydiv中的内容。由于内容是动态的，所以我只使用.on()。当我单击#mydiv时，它就工作了。

但是它能在不点击#mydiv的情况下工作吗？如果它能自动加载，那就太好了。

$( "#mydiv" ).on( "click", function() {
  alert( $( this ).text() );
});

我试过"加载"，但没有得到任何运气。。。

为什么需要使用jQuery来执行？浏览器已经有办法在页面加载时调用一些JavaScript代码：

<body onload="alert($('#mydiv').text())">

或者，

<body onload="alert(document.getElementById('mydiv').innerText)">

以上两种方法都是一样的。

在<script>标记之间指定的任何代码都将在加载脚本标记时执行。

<script>alert($('#mydiv').text());</script>

如果你想在元素的innerHTML发生变化时调用一个函数，你应该看看以下问题：

  • div中的内部html更改时引发的事件
  • 倾听DIV内的变化并采取相应行动
  • jQuery监视domElement的更改

试试这个：

$(function(){
  alert($( "#mydiv" ).text());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="mydiv" > Some Text </div>

你是这个意思吗？

$(function() {
    alert( $( '#mydiv' ).text() );
});

一旦页面完成加载并且完全可用，它就会提醒CCD_ 7的内容。

您可能是指trigger()

例如。

$( "#mydiv" ).on( "click", function() {
   alert( $( this ).text() );
});

$( "#mydiv" ).trigger('click');

尝试jQuery触发器方法

当相应的事件发生时，任何附加了.on（）或其快捷方式之一的事件处理程序都会被触发。

$( "#foo" ).on( "click", function() {
  alert( $( this ).text() );
});
$( "#foo" ).trigger( "click" );

在这个例子中，foo点击事件被触发。

$(document).ready(function()
{
    alert($("#mydiv").text())
})
相关文章：