2009-08-17 18 views
5

jQueryの - 「ハイライト」効果のヘルプ「ハイライト」jQueryの効果を見てみると

http://docs.jquery.com/UI/Effects/Highlight

あなたはしかし/アウト

をフェードインするために、任意のDIVの背景色を変更することができ、例えば、それは私のコード内の関数(代わりの行為だったかのように「クリック」イベントの「ハイライト」

$("div").click(function() { 
     $(this).effect("highlight", {}, 3000); 
}); 

がどのように私はプログラム的にハイライトメソッドを呼び出すことができますすることです'クリック'イベントにivate)?

答えて

13

JorenBが指しているように、これはページ内のすべてのdivを強調表示します。

一つだけが好きなDIV強調表示したい場合は:あなたがすべき

<div id="myDiv"></div> 

を:

$("div#myDiv").effect("highlight", {}, 3000); 

あなたはあなたがCAND特定クラッセですべてのdivのを強調したい場合:

<div id="myDiv1" class="myClass"></div> 
<div id="myDiv2" class="myClass"></div> 

$("div.myClass").effect("highlight", {}, 3000); 

セレクタの詳細については、JQuery Selectorsを参照してください。

+2

あなたのページ内のすべてのdivを強調表示します;-)明確にするには、divにidを与え、 '$(" div#{yourid} ")'を使用してjQueryにします。 – JorenB

+0

私は100%確信しているわけではないので、ちょうど質問ですが、 'div#myDiv'は実際には '#myDiv'よりも遅くなるでしょうか? –

4

それは単にあなたが、とにかくあなたのクリックハンドラであることがある場合にも、クリックイベントをトリガすることによってそれを達成することができます

$([your selector]).effect("highlight", {}, 3000); 
1

次のようになります。

$('div').click(); 

か:

$('div').trigger('click');