是否可以使用 jQuery 处理程序 $(...)
作为 .on()
的选择器?下面的代码片段演示了我的观点:如果我没有选择器的纯文本表示,但有处理程序,如何使圆圈变成蓝色?
// This works.
$(document).on('click', '#wow', function()
{
$(this).css('background-color', '#FF0000');
});
// This doesn't work, but I need it to!
var context = $('#wow');
$(document).on('click', context, function()
{
$(this).css('background-color', '#0000FF');
});
#wow
{
background-color: #CCC;
border-radius: 100px;
height: 100px;
width: 100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="wow"></div>
最佳答案
如果运行var context = $('#wow');
时存在$('#wow')
,则直接使用该现有对象
var context = $('#wow');
context.on('click', function()
{
$(this).css('background-color', '#0000FF');
});
#wow
{
background-color: #CCC;
border-radius: 100px;
height: 100px;
width: 100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="wow"></div>
关于javascript - 您可以使用 jQuery 处理程序作为 .on() 的选择器吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50806774/