Red de conocimiento informático - Aprendizaje de programación - ¿Por qué jquery entra en conflicto con js? ¿Cuál es la diferencia entre jQueryready y js onload?

¿Por qué jquery entra en conflicto con js? ¿Cuál es la diferencia entre jQueryready y js onload?

La diferencia entre la función lista de JQuery y la carga de JS:

1. Tiempo de ejecución

window.onload debe esperar hasta que se carguen todos los elementos de la página (incluidas las imágenes).

$(document).ready() se ejecutará después de dibujar la estructura DOM, sin esperar a que se complete la carga.

2. Escriba varios métodos window.onload diferentes

No puede escribir varios métodos window.onload al mismo tiempo. Si hay varios métodos window.onload, solo se ejecutará uno<. /p>

$(document).ready() puede escribir varios archivos al mismo tiempo y se puede ejecutar

3. Método de escritura simplificado

No hay escritura simplificada. método para Window.onload

$(document).ready(function(){}) se puede abreviar como $(function(){});

Ejemplo:

Copia el código de la siguiente manera:

lt;! DOCTYPE HTML PUBLIC "-//W3C/DTD HTML 4.01 Transicional//ES"

"http://www.w3.org/TR/html4/loose.dtd"gt;

lt;html xmlns="http://www.w3.org/1999/xhtml"gt;

lt;headgt;

lt;meta http-equiv=" Content-Type" content="text/html; charset=utf-8" /gt;

lt. titlegt; La diferencia entre listo y cargado en jslt;/titlegt;

lt;script type="text/javascript" src="jquery-core/jquery-1.8.0.js"gt;lt;/script gt;

lt;script type="text/javascript" gt;

El atributo onload del objeto de ventana en js ejecutará la función jsFunction1

window.onload=jsFunction1;

ventana.onload=jsFunction2

ventana.onload=jsFunction3