按按钮"加粗"并再按一次"解开"

Question

我是javascript的新手.我想用havascript在html中创建一个按钮.当用户尝试按下按钮时,特定的<#id>将变为"Bold"并再次按下"Unbold".

我怎样才能做到这一点 ？请参考任何帮助材料.谢谢 !

Answer 1

我猜,你正在尝试构建像RTE这样的东西,因此,应用类来提供大胆的效果将是更好,更有效的解决方案.

它可以像这样简单地完成

$(".boldtrigger").click(function() { //boldTrigger being the element initiating the trigger
    $(".text").toggleClass("bold");  //text being the element to where applied to it.
});

CSS

.bold { font-weight: bold; }

演示

Answer 2

由于学习经验至关重要,特别是对于Javascript,我会引导您朝着正确的方向前进.

首先,您应该了解使用jQuery的事件绑定和鼠标事件处理.你可以用这些知识做一些有力的事情,包括你想做的事情.

其次,研究基本的jQuery 选择器.学习简单的基于CSS的选择器并不难,您可以使用它来选择所需的选择器id.

第三,看看css()jQuery 的功能,它属于jQuery的CSS类别.您可以使用它来设置元素的不同属性,包括字体粗细.