JQuery - “突出”效果的帮助

时间:2009-08-17 12:54:02

标签: javascript jquery html jquery-ui

着眼于“突出”JQuery效果:

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

您可以将任何DIV的背景颜色更改为淡入/淡出

但是,示例是“突出显示”“点击”事件

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

我如何以编程方式调用突出显示方法,就好像它是我的代码中的一个函数(而不是在'click'事件中激活)?

3 个答案:

答案 0 :(得分:13)

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

正如JorenB所指出的,这将突出显示页面中的所有div。

如果您只想突出显示一个div:

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

你应该这样做:

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

如果你想用特定的classe突出显示所有div,你可以这样做:

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

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

有关选择器的更多信息,请参阅JQuery Selectors

答案 1 :(得分:4)

它只是

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

答案 2 :(得分:1)

你也可以通过触发点击事件来实现这一点,如果你在点击处理程序中有这样的事情:

$('div').click();

或:

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