0

シンプルなギャラリースライダー画像があります。最初の画像が表示されている場合は左矢印が非表示になり、最後の画像が表示されている場合は右矢印が非表示になります。

矢印を非表示にして表示するには、hideメソッドとshowメソッドを使用しました。ただし、fadeIn()/およびfade Outおよびcss('visibility'、'hidden')/ css('visibility'、'visible')のような他のメソッドも機能します。

私はどちらが最も最適な方法であるか疑問に思いました。最速のもの

皆さんありがとう

4

2 に答える 2

2

アニメーションを使用しない場合は、http://api.jquery.com/hide/ .hide()から

これは、.css('display'、'none')を呼び出すのとほぼ同じですが、displayプロパティの値がjQueryのデータキャッシュに保存され、後でdisplayを初期値に復元できるようになります。要素の表示値がインラインの場合、非表示にして表示すると、再びインラインで表示されます。

およびfadeIn()およびfadeOut()はアニメーションを使用するため、速度が遅くなり、より多くの処理が必要になります(hide()に時間を設定するのと同じように)。

于 2012-05-23T10:38:13.737 に答える
1

このテストによると-hide()それよりもわずかに高速ですfadeOut()(アニメーションを使用しないため)。ただし、最速の方法が必要な場合は、document.getElementById('a').style.display = 'none';このようなネイティブjsコマンドを使用すると80%〜90%高速になります。

于 2012-05-23T10:41:37.487 に答える