javascript - 您可以使用 jQuery 处理程序作为 .on() 的选择器吗?

标签 javascript jquery

是否可以使用 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/

相关文章:

javascript - 使用 JSON.parse 解析金额

javascript - 'let' 是否覆盖全局声明并抛出 ReferenceError?

javascript - 为什么连续的 setTimeouts 不独立运行并在移动设备上回调完成后更新 UI?

JavaScript 对象不一致

JQuery ajax getJSON 响应有大小但正文为空?

javascript - 如何使文本输入始终自动完成

javascript - 为什么这个 bootstrap carousel slider 不滑动?

javascript - 新手需要有关鼠标悬停和在 HTML 页面上映射以在鼠标悬停时显示图像的帮助

javascript - 当我在 ui.R 文件中定义了所有元素时,如何将 Google map 添加到 Shiny 应用程序?

jquery - 使用空白类来标识元素或其他标签