jQuery的load()函數是用來加載服務器數據并放置到網頁中的元素中,非常方便。但是如果我們需要進行多次的load操作,每次都重新寫一遍函數會非常繁瑣。
這時候,我們可以使用jQuery的連擊(load)功能來達到更簡便的操作。連擊的基本原理是在一個元素上綁定多個事件,每次事件觸發都執行一個函數。
下面是一段使用load連擊的代碼:
$(document).ready(function(){ $('#btn1').click(function(){ $('#content').load('data1.html'); }); $('#btn2').click(function(){ $('#content').load('data2.html'); }); $('#btn3').click(function(){ $('#content').load('data3.html'); }); //load連擊 $('#btn1,#btn2,#btn3').click(function(){ $('#info').html('數據加載中,請稍等...'); }); });
我們可以看到,代碼中首先分別為三個按鈕(btn1、btn2、btn3)綁定了click事件,并且在事件內部執行了不同的load操作。接著,在最后一行代碼中,使用了load連擊的功能,為這三個按鈕都綁定了一個click事件,每次執行時都會在id為info的元素中顯示“數據加載中,請稍等...”的提示信息。
這樣,我們就可以通過load連擊來實現多次load操作的便捷性,讓我們的代碼更加簡潔、優雅。