站長資訊網(wǎng)
在jquery中，可以利用resize方法添加瀏覽器大小改變觸發(fā)事件，該方法的作用就是當(dāng)調(diào)整瀏覽器窗口的大小時(shí)發(fā)生resize事件，或規(guī)定當(dāng)發(fā)生resize事件時(shí)運(yùn)行的函數(shù)，語法為“$(selector).resize()”。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery怎樣添加瀏覽器大小改變觸發(fā)事件
當(dāng)調(diào)整瀏覽器窗口的大小時(shí)，發(fā)生 resize 事件。
resize() 方法觸發(fā) resize 事件，或規(guī)定當(dāng)發(fā)生 resize 事件時(shí)運(yùn)行的函數(shù)。
觸發(fā) resize 事件
語法
$(selector).resize()
將函數(shù)綁定到 resize 事件
語法
$(selector).resize(function)
function 可選。規(guī)定當(dāng)發(fā)生 resize 事件時(shí)運(yùn)行的函數(shù)。
示例如下：
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> x=0; $(document).ready(function(){ $(window).resize(function() { $("span").text(x+=1); }); }); </script> </head> <body> <p>窗口大小被調(diào)整過 <span>0</span> 次。</p> <p>請(qǐng)?jiān)囍匦抡{(diào)整瀏覽器窗口的大小。</p> </body> </html>
輸出結(jié)果：
相關(guān)視頻教程推薦：jQuery視頻教程
