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對象。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。