css - 为什么我的 $ ('id' ).css ('property: value' );应用它的风格？

Question

我正在尝试制作一个 jQuery if 语句: 如果用户在指定页面上，则应用指定样式；在本例中，它在 anchor 标记的 id 上放置了一个底部边框。

// index.php - referenced html
...
<link href='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript' />
<style type="text/javascript">
@import url('js/active-links.js');
</style>
...
<ul>
    <li><a id="home" href="#">HOME</a></li>
    <li><a id="other1" href="#">OTHER1</a></li>
    <li><a id="other2" href="#">OTHER2</a></li>
</ul>
...


// active-link.js 
$(document).ready(function() {
    if (document.URL.indexOf('index.php') >= 0) {
        $('#home').css('border-bottom: 18px solid #9cd588');
                                            }
                       });

理想情况下，如果陈述相同的事情，我会将其应用于每个链接和 else。目前它没有做任何事情。

Answer 1

简单的解决方案:

$('#home').css('border-bottom', '18px solid #9cd588');