使用jQuery按填充颜色选择SVG路径可以通过以下步骤实现:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<svg id="mySvg" width="200" height="200">
<path id="myPath" d="M10 10 H 90 V 90 H 10 L 10 10" stroke="black" fill="none" />
</svg>
$(document).ready(function() {
$('#myPath').click(function() {
$(this).attr('fill', 'red');
});
});
在上述代码中,我们使用$(document).ready()
函数来确保文档加载完成后再执行代码。然后,我们选择#myPath
元素,并为其添加点击事件处理程序。在点击事件中,我们使用attr()
函数来更改fill
属性的值为red
,从而改变路径的填充颜色。
这样,当你点击SVG路径时,它的填充颜色将变为红色。
推荐的腾讯云相关产品:腾讯云对象存储(COS)
领取专属 10元无门槛券
手把手带您无忧上云