javascript - jQuery 组合多个元素

Question

我在试验 jQuery 时遇到了一个问题。我可以将 实际选择器 与现有 元素 一起用作 jQuery 的组合选择器吗？

所以，假设我已经即时创建了一个 DIV 元素:

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

$('body').append($div);

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

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

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

    $div.show();
}, function(e) {
    $div.hide();
});

但是 我还想将此hover 处理程序应用于$div 本身。因此，我不想复制我的代码，而是想做这样的事情:

$('p', $div).hover(...)

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

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

对于jQuery中的这种情况有什么解决办法吗？还是有更准确的解决方案？

Answer 1

您可以使用 jQuery add方法:

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