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

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

WBOY
リリース: 2016-05-16 16:15:09
オリジナル
1187 人が閲覧しました

完全なコード:

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



<頭>
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);
});



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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート