首先,我们可以通过使用jQuery的
attr()
方法来获取指定元素的某个属性,进而获取css文件的路径。这里需要注意的是,在HTML中,link
标签的href
属性指向的就是css文件路径,因此我们只需要获取这个属性值即可。下面是代码示例:
html<!DOCTYPE html><html><head><title>jQuery读取css文件路径问题</title><link rel="stylesheet" href="/post/styles.css"><script src="https://ajax.googleapis/ajax/libs/jquery/3.6.0/jquery.min.js"></script><script>$(document).ready(function() {var cssPath = $('link').attr('href');$('pre').text(cssPath);});</script></head><body><p>css文件路径:</p><pre>