jQuery怎么在匹配的元素上加上selected样式

2024-04-02 19:04:59 292人浏览独家记忆

摘要

本篇内容主要讲解“Jquery怎么在匹配的元素上加上selected样式”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jQuery怎么在匹配的元素上加上sele

本篇内容主要讲解“Jquery怎么在匹配的元素上加上selected样式”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“jQuery怎么在匹配的元素上加上selected样式”吧!

　　myClass 和 noClass 样式名在所有段落上被移除，然后 yourClass 被添加。

　　自 jQuery 1.4开始, .addClass() 方法允许我们通过传递一个用来设置样式类名的函数。

　　$("ul li:last").addClass(function(index) {

　　return "item-" + index;

　　});

　　给定一个有2个<li>元素的无序列表，这个例子将在最后一个<li>元素上加上"item-1"样式。

　　例子:

　　Example: 在匹配的元素上加上'selected'样式。

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<style>

　　p { margin: 8px; font-size:16px; }

　　.selected { color:blue; }

　　.highlight { background:yellow; }

　　</style>

　　</head>

　　<body>

　　<p>Hello</p>

　　<p>Goodbye</p>

　　$("p").last().addClass("selected");

　　</script>

　　</body>

　　</html>

到此，相信大家对“jQuery怎么在匹配的元素上加上selected样式”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

--结束END--

本文标题: jQuery怎么在匹配的元素上加上selected样式

本文链接: https://www.lsjlt.com/news/94515.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

下载Word文档到电脑，方便收藏和打印～

下载Word文档