CODEWITHSUNDEEP
javascriptjqueryhtmljquery-ui
TimJK
TimJK

Reputation: 475

JQuery - "highlight" effect help

Looking at the "highlight" JQuery effect:

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

You can change the background color of any DIV to fade in/out

However, the example is to "highlight" on a "click" event

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

How can I programatically call the highlight method as though it was a function within my code (instead of activate on a 'click' event)?

Upvotes: 5

Views: 10900

Answers (3)

Daniel Moura
Daniel Moura

Reputation: 7956

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

As pointed by JorenB this will highlight all the div's in your page.

If you only want to highlight one div like: 

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

You should do:

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

If you want to highlight all div's with a specific classe you cand do:

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

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

For more information on selectors see JQuery Selectors.

Upvotes: 13

karim79
karim79

Reputation: 342775

You can also achieve that by triggering the click event, if you have that in your click handler anyway:

$('div').click();

or:

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

Upvotes: 1

Russ Cam
Russ Cam

Reputation: 125538

it would simply be

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

Upvotes: 4

Related Questions