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

本篇内容主要讲解“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样式”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容