方法链是如何在JQuery中工作的

Question

方法链要求每个方法都返回jquery对象，但是，
当我们使用:$("div").click(function(){ //some code }).css("backgroundColor","blue").

CSS方法如何得到执行而不点击div?它如何知道没有click事件的jquery对象被触发。

Answer 1

这里链接将像$("div").css("backgroundColor","blue").click(function(){ //some code });一样工作

下面是相同的工作代码片段。

$(document).ready(function() {
$("div")
.css("background", "blue")
.click(function() {
alert('Clicked');
});
});

<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<div>Click Here</div>