<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("#div1").width(500).height(500);
 });
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;padding:10px;margin:3px;border:1px solid blue;background-color:lightblue;">
</div>
<br>
<button>Resize div</button>
</body>
</html>

希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery插件ajaxFileUpload使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery插件ajaxFileUpload使用教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
jQuery UI 應(yīng)用不同Theme的辦法
jQuery UI是一套非常好用的jQuery Tools庫，目前已經(jīng)發(fā)布的最新版本是1.8.4。在我自己的使用過程中，總有一些不爽。因?yàn)槲蚁螺d的那個包里默認(rèn)的主題樣式是下圖這樣的，使用起來很難和具體的網(wǎng)頁風(fēng)格去配合。
2010-09-09
Jquery插件之多圖片異步上傳
為促進(jìn)大家交流與學(xué)習(xí)，開源此插件。在此感謝非老大開源！不多說了，先圖片后代碼。
2010-10-10
jQuery實(shí)現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果(附demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)可以控制圖片旋轉(zhuǎn)角度效果,可實(shí)現(xiàn)通過下方的滑塊拖動控制圖片旋轉(zhuǎn)的功能,涉及jQuery操作頁面元素樣式動態(tài)變換的技巧,并附帶demo源碼供讀者下載,需要的朋友可以參考下
2016-01-01
jquery實(shí)現(xiàn)頁面百葉窗走馬燈式翻滾顯示效果的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)頁面百葉窗走馬燈式翻滾顯示效果的方法,實(shí)例分析了jQuery操作百葉窗翻滾效果的實(shí)現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
jquery一般方法介紹入門參考
對于剛開始接觸jquery的朋友是個不錯學(xué)習(xí)參考，對于一些方法的使用也給出了說明。
2011-06-06
jquery插件star-rating.js實(shí)現(xiàn)星級評分特效
Bootstrap Star Rating是一個簡單而強(qiáng)大的jQuery插件實(shí)現(xiàn)星級分?jǐn)?shù)評級。支持像分?jǐn)?shù)星填充和RTL輸入先進(jìn)的功能。在利用純CSS-3造型使控制重點(diǎn)開發(fā)。該插件使用引導(dǎo)標(biāo)記和造型默認(rèn)情況下，但它可以覆蓋與其他任何CSS的標(biāo)記。
2015-04-04
jquery操作select取值賦值與設(shè)置選中實(shí)例
下面小編就為大家?guī)硪黄猨query操作select取值賦值與設(shè)置選中實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
jQuery Validate插件實(shí)現(xiàn)表單強(qiáng)大的驗(yàn)證功能
這篇文章主要介紹了jQuery Validate插件實(shí)現(xiàn)表單強(qiáng)大的驗(yàn)證功能，讓客戶端表單驗(yàn)證變得更簡單，同時提供了大量的定制選項(xiàng)，滿足應(yīng)用程序各種需求，感興趣的小伙伴們可以參考一下
2015-12-12
jQuery 1.9.1源碼分析系列（十）事件系統(tǒng)之主動觸發(fā)事件和模擬冒泡處理
這篇文章主要介紹了jQuery 1.9.1源碼分析系列（十）事件系統(tǒng)之主動觸發(fā)事件和模擬冒泡處理的相關(guān)資料,需要的朋友可以參考下
2015-11-11