jQuery 加载事件

时间 2019-11-12

标签 jquery 加载事件栏目 JQuery 繁體版

原文原文链接

1. jquery加载事件实现

① $(document).ready(function处理);javascript

② $().ready(function处理);php

③ $(function处理); 对第一种加载的封装而已css

　　在同一个请求里边，jquery的能够设置多个，而传统方式只能设置一个java

传统方式加载事件是给onload事件属性赋值，屡次赋值，后者会覆盖前者。node

jquery方式加载事件是把每一个加载事件都存入一个数组里边，成为数组的元素，执行的时候就遍历该数组执行每一个元素便可，所以其能够设置多个加载事件。jquery

　　　　传统方式加载事件，是所有内容(文字、图片、样式)在浏览器显示完毕再给执行加载事件。数组

jquery方式加载事件，只要所有内容(文字、图片、样式)在内存里边对应的DOM树结构绘制完毕就给执行，有可能对应的内容在浏览器里边尚未显示。浏览器

2 jquery加载事件原理

jquery加载事件是对DOMContentLoaded的封装(而非onload)dom

/*********************************************************/函数

//DOMContentLoaded加载事件执行时机与jquery的一致
document.addEventListener("DOMContentLoaded",function(){
alert('hello'); //先看到hello弹出框，后看到图片
$('img').attr('src','1d.jpg');
});
</script>

/*********************************************************/

普通事件操做

① dom1级事件设置

itnode.onclick = function(){}

itnode.onclick = 函数;

② dom2级事件设置

itnode.addEventListener(类型，处理，事件流);

itnode.removeEventListener(类型，处理，事件流);

node.attachEvent();

node.detachEvent();

③ jquery事件设置

$().事件类型(事件处理函数fn); //设置事件

$().事件类型(); //触发事件执行

事件类型：click、keyup、keydown、mouseover、mouseout、blur、focus等等

例如：$(‘div’).click(function(){事件触发过程this});

（该方式事件函数内部this都表明jquery对象内部的dom节点对象）。

jquery调用的大部分方法里边的this关键字都表明其对应的dom对象。