在開發過程中,我們經常會遇到需要讀取css文件路徑的情況,而使用jQuery可以很方便地完成這個任務。
首先,我們可以通過使用jQuery的
下面是代碼示例:
首先,我們可以通過使用jQuery的
attr()
方法來獲取指定元素的某個屬性,進而獲取css文件的路徑。這里需要注意的是,在HTML中,link
標簽的href
屬性指向的就是css文件路徑,因此我們只需要獲取這個屬性值即可。下面是代碼示例:
html <!DOCTYPE html> <html> <head> <title>jQuery讀取css文件路徑問題</title> <link rel="stylesheet" href="styles.css"> <script src="https://ajax.googleapis.com/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>