jQuery 组合多个元素

Kar*_*yan 3 javascript jquery jquery-selectors

我正在尝试jQuery并遇到一个问题。我可以使用actual selector现有的element作为 jQuery 的组合选择器吗?

所以,假设我已经DIV动态创建了一个元素:

var $div = $('<div>')
               .css('position', 'absolute')
               .hide();    // Just to be short

$('body').append($div);
Run Code Online (Sandbox Code Playgroud)

我想当用户将鼠标悬停在P元素/段落上(在光标位置)时显示它:

$('p').hover(function(e) {

    // Change the position of $div with regards of cursor position

    $div.show();
}, function(e) {
    $div.hide();
});
Run Code Online (Sandbox Code Playgroud)

我也想将此hover处理程序应用于$div自身。因此,我不想重复我的代码,而是想做这样的事情:

$('p', $div).hover(...)
Run Code Online (Sandbox Code Playgroud)

它将选择$div元素以及所有P元素。

我知道我可以单独编写函数并将名称作为参数传递给hover函数。

jQuery中有没有针对这种情况的解决方案?或者有更准确的解决方案吗?

dam*_*zzi 6

您可以使用 jQuery添加方法:

$('p').add($div).hover(function(e) { ...
Run Code Online (Sandbox Code Playgroud)