0

画像の相対的なパーセント幅を動的に変更する方法は?

<div style="width: 350px; background-color: #DDDDDD">
    <img id="gradient" src="img.png" style="width: 74.074%;"></img>
</div>

attr()またはドットを使用してjqueryで幅を取得できませんでした：

<input type="submit" value="button" />

<script>                                                                      
$(function() {
  $( "input[type=submit], a, button" )
    .button()
    .click(function( event ) {
     $("#gradiant").width;
  });
});
</script>
4

2 に答える 2

0

使用する：

$("#gradiant").width();

width():

一致した要素のセットの最初の要素の現在の計算された幅を取得するか、一致したすべての要素の幅を設定します。または：

$("#gradiant").outerWidth();

Outerwidth():

パディングとボーダーを含む、一致した要素のセットの最初の要素の現在の計算された幅を取得します。

メソッドにブール値を渡して、返される幅に (最初の) 要素の.outerWidth(true)を含めることもできます。margin

ちなみに、 jQuery APIのメソッドへの参照が見つからず、検索してもselectorのみが返され、存在しないメソッドを使用するとエラーが発生します(コンソールを確認してください)。button():button

参考文献:

于 2013-04-06T16:42:20.227 に答える