如何为jQuery Tooltip内的指定文字设置不同颜色

该需求完全可实现，你提到的为不同文本段设置独立类的思路是可行的，具体实现方式如下：

• 第一步：修改content配置项，将需要单独改色的「CONTROL PANEL BUTTON」文本包裹带自定义类的span标签，jQuery UI Tooltip 原生支持HTML格式的内容，静态文本场景下无安全风险
• 第二步：结合你已配置的ui-tooltip_trans自定义tooltip类编写CSS样式，限定样式作用范围避免影响其他页面元素
• 第三步：如果后续需要给多段文本设置不同样式，只需要新增不同的自定义类，分别编写对应CSS规则即可

修改后的JS代码示例：

$("#ControlBTN").tooltip({
    content: '<span class="tooltip-highlight">CONTROL PANEL BUTTON</span><br><br>Click to show or hide the Fluid Control Panel.',
    tooltipClass: "ui-tooltip_trans"
})

对应CSS代码示例：

/* 按需修改颜色、字重等样式属性即可 */
.ui-tooltip_trans .tooltip-highlight {
    color: #f00;
    font-weight: bold;
}

内容的提问来源于stack exchange，提问作者Ludo Timp