jquery只有当前被点击的列表项字体变为红色
时间: 2024-03-14 08:46:41 浏览: 17
使用 jQuery 可以简化 JavaScript 代码,实现当前被点击的列表项字体变为红色的效果。您可以使用以下代码:
```javascript
// 添加单击事件处理程序
$("li").click(function() {
// 取消所有列表项的红色字体
$("li").css("color", "black");
// 将当前列表项的字体变为红色
$(this).css("color", "red");
});
```
这段代码将为所有 `li` 元素添加单击事件处理程序。当单击列表项时,代码将取消所有列表项的红色字体,并将当前列表项的字体变为红色。
相关问题
jquery只有当前被点击的列表项内的a标签内的字体变为红色
如果您只想将当前被点击的列表项内的 `a` 标签内的字体变为红色,可以使用以下 jQuery 代码:
```javascript
// 添加单击事件处理程序
$("li").click(function() {
// 取消所有列表项的红色字体
$("li a").css("color", "black");
// 将当前列表项内的 a 标签字体变为红色
$(this).find("a").css("color", "red");
});
```
这段代码将为所有 `li` 元素添加单击事件处理程序。当单击列表项时,代码将取消所有列表项内的 `a` 标签的红色字体,并将当前列表项内的 `a` 标签字体变为红色。
其中,`$(this).find("a")` 通过 `find` 方法查找当前列表项内的 `a` 标签。
jquery给当前点击菜单项添加样式
可以使用以下代码给当前点击的菜单项添加样式:
```
$(function(){
$('ul li').click(function(){
$('li').removeClass('active');
$(this).addClass('active');
});
});
```
其中,'active'是你想要添加的样式类名,可以根据自己的需求进行修改。