javascript - console.log($ ('.divs' ).click(<function>)) 显示一个 div 数组... click 方法是否返回它所作用的对象?

标签 javascript jquery

console.log($('.divs').click(<function>)) 

这显示了一个 div 数组。 click 方法是否返回它所作用的对象? 这只是一些基本的东西 - 也许有人可以说更多。 $() 使用该选择器返回元素数组是很自然的。但是$(<selector>).click(<function definition>) - 只是定义 $(<selector>) 的每个元素上应该发生什么当它被点击时 - 为什么它也“返回”元素数组?

这也是上面的 fiddle http://jsfiddle.net/jy7kpL6f/

或者这里 - HTML/CSS/jQuery

var addclass = 'color';
var $cols = $('.divs').click(function(e) {
  $cols.removeClass(addclass);
  $(this).addClass(addclass);
});
var $cols2 = $('.divs');

console.log($('.divs').click(function(e) {
  $cols.removeClass(addclass);
  $(this).addClass(addclass);
}));
.color {
  background-color: green;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="divs">
  1st Div
</div>
<div class="divs">
  2nd Div
</div>
<div class="divs">
  3rd Div
</div>
<div class="divs">
  4th Div
</div>

最佳答案

click() 与许多其他 jQuery 函数一样返回所有选定的元素。

这可以方便地链接这样的函数:

$(".divs")
    .click(callback1)
    .hover(callback2)

...等等

关于javascript - console.log($ ('.divs' ).click(<function>)) 显示一个 div 数组... click 方法是否返回它所作用的对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54458734/

相关文章:

javascript - 使用 Promise 或回调时,装饰器函数返回未定义

javascript - 如何使用 javascript 变量应用多种样式?

javascript - 如何在 Javascript/jQuery 中为节点分配连续值?

javascript - 单击 jquery/js 中的搜索按钮捕获搜索 url

javascript - 如何平滑执行需要时间的 jQuery 脚本?

javascript - 如果未找到带有选择器的元素,Puppeteer page.$eval 会抛出错误

javascript - 如何使用下拉列表中的onclick显示数据库中的数据?

Javascript:用 this 调用类中的方法

javascript - 根据其他 Div 的内容隐藏 Div

javascript - 为什么 jquery 事件委托(delegate)不起作用?