Jquery类选择器与css()似乎不工作

jquery class selector with css() does not seem to work?

本文关键字：工作选择器 css Jquery 更新时间：2023-09-26

当我点击链接(Anasayfa)，功能不起作用。没有变化。我做错了什么?

<script type="text/javascript"
   src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
</script>
<script type="text/javascript" language="javascript">
        function anasayfa() {
            $( '.gributon1' ) . css({ "background-color": "red"  });
        }
</script>
....
<div class="gributon1"></div>
....
<a href="" onclick="anasayfa()"> Anasayfa </a>

可以运行http://jsfiddle.net/BeYty/

您需要从链接的onclick返回false，否则页面将刷新，因为您正在单击指向当前页面的链接href "

<a href="" onclick="anasayfa() return false;"> Anasayfa </a>

你的div是空的，你不能看到它的变化，你的链接的href值必须设置为"javascript:void"，以便不刷新页面。像这样:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
        function anasayfa() {
           $( '.gributon1' ) . css({ "background-color": "red"  });
        }
</script>
...
<div class="gributon1">..</div>
....
<a href="javascript:void" onclick="anasayfa()"> Anasayfa </a>

尝试对您的代码进行以下两个更改

将href修改为<a href="#"></a>
在div

我希望你把你的代码放在<head>//your script here</head>

<div class="gributon1">some text</div>

<a href="#" onclick="anasayfa()"> Anasayfa </a>

和脚本部分保持不变

function anasayfa() {
$('.gributon1' ).css({"backgroundColor":"Red"});
}

http://jsfiddle.net/3nigma/BeYty/34/