如何为JavaScript的jQuery代码添加多个属性 将href链接颜色改为白色

实现方案 #

你可以通过两种方式完成需求，其中方法1完全匹配你「添加第二个属性」的预期： #

方法1：使用attr方法批量设置多个属性

jQuery的attr()方法支持传入键值对对象同时设置多个属性，你可以在原有设置href属性的基础上，新增style属性控制字体颜色为白色：

$("#linkImagen").attr({
    'href': "https://meet.jit.si/" + text,
    'style': 'color: #ffffff;'
});
$(document).ready(function () {
    $('#linkImagen').click(function () {
        $(".chatboxtextarea").val("Quiero tener una videollamada contigo. Hacer click aquí: https://meet.jit.si/" + text);
        $("#enviarMensaje").click();
    })
})

方法2：使用css方法单独设置样式

如果不想用内联style属性，也可以调用jQuery提供的css()方法直接修改样式，代码可读性更高：

$("#linkImagen").attr('href', "https://meet.jit.si/" + text);
// 单独设置链接字体颜色为白色
$("#linkImagen").css('color', '#ffffff');
$(document).ready(function () {
    $('#linkImagen').click(function () {
        $(".chatboxtextarea").val("Quiero tener una videollamada contigo. Hacer click aquí: https://meet.jit.si/" + text);
        $("#enviarMensaje").click();
    })
})

注意事项 #

如果需要控制链接点击后的访问态颜色，你可以在style属性中补充a:visited的规则，或者提前在CSS样式表中定义好对应样式类，通过addClass()方法给元素挂载类即可，避免大量内联样式造成后续维护困难。

内容的提问来源于stack exchange，提问作者Diego Bustamante