ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryはdivの幅と高さを動的に変更します_jquery

jqueryはdivの幅と高さを動的に変更します_jquery

WBOY
WBOYオリジナル
2016-05-16 16:15:091188ブラウズ

完全なコード:

コードをコピーします コードは次のとおりです:



<頭>
jquery は div の幅と高さを動的に変更します








ボタンをクリックして、下の div の幅と高さの変化に注目してください


<スクリプトタイプ="text/javascript">
$("#addwidthke" "leyi").on("click", function () {
$("#keleyidiv").width($("#keley" "idiv").width() 50);
});
$("#reducewidthk" "eleyi").on("click", function () {
$("#keleyidiv").width($("#kel" "eyidiv").width() - 50);
});
$("#addheightkele" "yi").on("click", function () {
$("#kel" "eyidiv").height($("#keleyidiv").height() 50);
});
$("#reduceheightkeley" "i").on("click", function () {
$("#keleyidiv").height($("#keleyidiv").height() - 50);
});



上記はこのコードの全内容です。皆さんに気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。