如何将HTML的onclick点击事件转为jQuery写法实现点击按钮打开聊天

正确jQuery代码 #

jQuery(function ($) {
    // 若元素唯一，可替换为$('#YYY')，匹配效率更高
    $('.XXX').on('click', function () {
        customPlugin.command('WebChat.open');
    });
});

原代码错误说明 #

• 冗余的DOM就绪监听：jQuery(function ($) {}) 本身就是$(document).ready()的简写，二者功能完全一致，嵌套使用属于无效冗余
• 选择器语法错误：匹配类名为XXX的元素需要加类选择器前缀.，正确写法为$('.XXX')，原写法$("XXX")会匹配标签名为XXX的元素，无法命中目标
• 回调函数语法错误：on方法的第二个参数是回调函数声明，直接将业务命令写在函数声明位置属于语法错误，只需要在回调函数体内调用目标方法即可

附带HTML优化建议 #

你提供的原始HTML存在两处语法瑕疵，且移除内联onclick后代码更整洁，修正后如下：

<div class="XXX" id="YYY">Start Tchat</div>

内容的提问来源于stack exchange，提问作者Jean-Félix Comet-Barthe