$('.site-demo-active').on('click', function ()

当你看到这样的代码 `$('.site-demo-active').on('click', function ()`，这是jQuery库中常用的事件处理机制。它的工作原理是这样的：

- `$('.site-demo-active')` 这部分选择了所有class名为 "site-demo-active" 的HTML元素。`$()` 是jQuery的选择器，相当于CSS选择器。

- `.on('click', function ()` 部分设置了点击（click）事件监听器。当匹配到的任何一个元素被用户点击时，会执行接下来的匿名函数。

这个匿名函数将会在每次点击事件触发时执行。通常，在这里，开发者会定义具体的行为，例如修改元素样式、显示或隐藏内容，或者发起Ajax请求等。

完整的代码可能是这样的：

$(document).ready(function(){
  $('.site-demo-active').on('click', function () {
    // 点击事件的具体操作代码
    alert('Element clicked!');
  });
});