修改<li>里的title字体颜色

$(".tabs li:nth-child(9)").find(".tabs-title").css("color","#f77400");

li:nth-child(9)是第几个<li>

<div id="tabs" class="easyui-tabs" data-options="fit:true">
    <div title="病历" style="padding:0;border-bottom:1px solid #eee;">
        <iframe id="caseEdit" src="/views/shop/common/blank.html" frameborder="0"
                style="width:100%;height:100%;"></iframe>
        <!-- <iframe id="caseEdit" src="/his/doctorWorkstation/casehistory" frameborder="0" style="width:100%;height:100%;"></iframe>-->
    </div>
    <div title="历史病历" style="overflow:auto;display:none;">
        <iframe id="historyCase" src="/views/shop/common/blank.html" frameborder="0" style="width:100%;height:100%;padding:5px;"></iframe>
    </div>
    <div title="完整病历" style="overflow:auto;display:none;">
        <iframe id="checkCompleteCase" src="/views/shop/common/blank.html" frameborder="0" style="width:100%;height:100%;padding:5px;"></iframe>
    </div>
    <div title="预约" style="overflow:auto;display:none;">
        <iframe id="booking" src="" frameborder="0"
                style="width:100%;height:100%;"></iframe>
    </div>
    <div title="收费" style="overflow:auto;padding:5px;display:none;">
        <iframe id="charge" src="/views/shop/common/blank.html" frameborder="0"
                style="width:100%;height:100%;"></iframe>
    </div>
    <div title="影像报告" style="overflow:auto;padding:5px;display:none;">
        <iframe id="imageExam" src="/views/shop/common/blank.html" frameborder="0"
                style="width:100%;height:100%;"></iframe>
    </div>
    <div title="图片采集" style="overflow:auto;display:none;">
        <iframe id="imageList" src="/views/shop/common/blank.html" frameborder="0"
                style="width:100%;height:100%;"></iframe>
    </div>
    <div title="牙周检查" style="overflow:auto;display:none;">
        <iframe id="tooth_week" src="/views/shop/common/blank.html" frameborder="0"
                style="width:100%;height:100%;"></iframe>
    </div>
    <div id="isconsult" title='咨询' style="overflow:auto;display:none;">
        <iframe id="consultContent" src="/views/shop/common/blank.html" frameborder="0" style="width:100%;height:100%;padding:5px;"></iframe>
    </div>
    <div title="数据报表" style="overflow:auto;display:none;">
        <iframe id="arrearageList" src="" frameborder="0" style="width:100%;height:100%;"></iframe>
    </div>
</div>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现div修改字体变粗的效果,可以通过CSS样式来实现。在div中添加一个类名,然后在CSS中定义该类名的样式,设置字体的粗细属性。下面是一个使用HTML与CSS实现div修改字体变粗的例子: HTML代码: ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .div1 { font-weight: normal; } .div2 { font-weight: bold; } </style> </head> <body> <div class="div1">这是普通的文本</div> </body> </html> ``` 在上面的例子中,我们定义了两个类名,`.div1`和`.div2`。初始状态下,div的字体粗细为正常(normal)。 通过添加鼠标进入事件,可以使用JavaScript或jQuery来实现切换类名的效果,进而改变字体的粗细。下面是一个使用JavaScript实现的例子: JavaScript代码: ``` const div = document.querySelector('.div1'); div.addEventListener('mouseenter', function() { div.classList.remove('div1'); div.classList.add('div2'); }); div.addEventListener('mouseleave', function() { div.classList.remove('div2'); div.classList.add('div1'); }); ``` 在上面的例子中,我们通过`addEventListener`方法为div元素添加了`mouseenter`和`mouseleave`事件监听器。当鼠标进入div区域时,会移除`.div1`类名并添加`.div2`类名,以改变字体的粗细为粗体。当鼠标离开div区域时,会恢复初始状态,即移除`.div2`类名并添加`.div1`类名,字体粗细恢复为正常。 <span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [[js jq]一个div,添加鼠标进入事件,鼠标进入div,改变div背景颜色 字体颜色,字体大小,鼠标离开,恢复原样](https://blog.csdn.net/BigTink/article/details/111302430)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [Document.execCommand指令使选中的字体变粗](https://blog.csdn.net/HUSHILIN001/article/details/123234863)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值