Javascript jQuery:如果将鼠标悬停在某个元素上会将某些内容注入DOM,那么我仍然可以引用它吗?
如果将鼠标悬停在某个元素上会向DOM中注入一些内容,我仍然可以引用它吗 还是我必须使用live插件 我正在使用jQuery 1.3.2 i、 我能做什么Javascript jQuery:如果将鼠标悬停在某个元素上会将某些内容注入DOM,那么我仍然可以引用它吗?,javascript,jquery,Javascript,Jquery,如果将鼠标悬停在某个元素上会向DOM中注入一些内容,我仍然可以引用它吗 还是我必须使用live插件 我正在使用jQuery 1.3.2 i、 我能做什么 $("#someItem").attr("src", "htt...") 在上面 我正在尝试这样做,但我认为,它不起作用b/c它是DOM中新添加的项。是的,可以选择并引用已添加到DOM中的元素 或者,如果在将其添加到DOM时已经使用了对它的引用,那么也可以在添加该引用后继续使用该引用 使用此示例,您可以看到既可以使用对新创建元素的当前引用,也
$("#someItem").attr("src", "htt...")
在上面
我正在尝试这样做,但我认为,它不起作用b/c它是DOM中新添加的项。是的,可以选择并引用已添加到DOM中的元素 或者,如果在将其添加到DOM时已经使用了对它的引用,那么也可以在添加该引用后继续使用该引用 使用此示例,您可以看到既可以使用对新创建元素的当前引用,也可以对其进行新引用 HTML:
将鼠标悬停在我身上
jQuery:
$('#button').hover(function() {
$('#newElement').remove();
var $myNewElement = $('<div id="newElement">new Element</div>');
$('body').append($myNewElement);
$myNewElement.css({color:'red'});
},
function() {
// This function has completely different namespace
// from the one that created and inserted #newElement
// and I can get a reference to it just like any other element
var $newReferenceToElement = $('#newElement');
$newReferenceToElement.css({color:'blue'});
});
$('#按钮')。悬停(函数(){
$('#newElement')。删除();
var$myNewElement=$('newelement');
$('body').append($myNewElement);
$myNewElement.css({color:'red'});
},
函数(){
//此函数具有完全不同的命名空间
//从创建并插入#newElement的
//我可以像其他元素一样得到它的引用
var$newReferenceToElement=$(“#newElement”);
$newReferenceToElement.css({color:'blue'});
});
显示更多的代码可能会有所帮助,但我想我明白了大概的意思
如果您只是想向该项添加事件或其他内容,则可以在附加该项之前执行此操作
(function($){
$(function(){
$("#link").hover(
function(){
var $div = $("<div class='inserted_div'></div>").bind("click",function(){ ... });
$("body").append($div);
}),
function(){
});
});
})(jQuery);
(函数($){
$(函数(){
$(“#链接”)。悬停(
函数(){
var$div=$(“”).bind(“单击”,函数(){…});
$(“正文”)。追加($div);
}),
函数(){
});
});
})(jQuery);
因此,只需在创建时绑定事件或属性,然后再附加它。您所说的“引用它”是什么意思?我可以做$(“#某事”)吗?或者我无法b/c它是DOM中新添加的项。如果您以前没有对它的引用,该怎么办?从
hover()
事件中的第二个函数可以看出,它创建了对添加元素的新引用<代码>变量$newReferenceToElement=$('#newElement')代码>@Blankman-这有意义吗?你还有别的麻烦吗?如果需要,可能需要共享一些代码。
(function($){
$(function(){
$("#link").hover(
function(){
var $div = $("<div class='inserted_div'></div>").bind("click",function(){ ... });
$("body").append($div);
}),
function(){
});
});
})(jQuery);