Javascript jQuery和CSS div元素更改

Javascript jQuery和CSS div元素更改,javascript,jquery,css,Javascript,Jquery,Css,现在我正在编写一个简单的jQuery代码,当一个点击按钮调用jQuery函数时,我在这个函数中更改了一个div的css 这是我的代码,请看一下: <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script type="text/javascript"> function SuperWebF1() { $("#outerdiv").css({"border":"2px sol

现在我正在编写一个简单的jQuery代码,当一个点击按钮调用jQuery函数时,我在这个函数中更改了一个div的css

这是我的代码,请看一下:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
 function SuperWebF1() 
 {
    $("#outerdiv").css({"border":"2px solid #e39f9f"});
    alert('SportsDirect.bg: Моля, първо посочете желания от Вас цвят!');

 }
</script>

<button type="button" onclick="billing.save();SuperWebF1();"></button>

<div id="outerdiv"></div>
当我发出
警报时('SportsDirect.bg:Мъчччжжжжаааааааааааа
$(“#outerdiv”).css({“border”:“2px solid#e39f9f”})之前警报正在工作。但它不是以另一种方式工作

在所有情况下,我的CSS函数都不起作用,并且这段代码没有更改div元素的边框CSS

我的错在哪里,伙计们

在此代码之后,我还有:

<script type="text/javascript">

$.noConflict();
jQuery(document).ready(function($){

    $("#SubmitButton").click(function() {
    $('.HeaderPostForm').hide();
    $('.PleaseWait').show();
    this.form.submit();
    });
});
</script>

$.noConflict();
jQuery(文档).ready(函数($){
$(“#提交按钮”)。单击(函数(){
$('.HeaderPostForm').hide();
$('.plessewait').show();
这个.form.submit();
});
});

我将此作为注释。

而不是使用
onclick
为什么不给按钮添加一个事件侦听器,方法是给它一个id,然后像这样使用它呢

<button type="button" id="btn">Button</button>
<div id="outerdiv"></div>

$("#btn").on("click", function(){
    $("#outerdiv").css({"border":"2px solid #e39f9f"});
    alert('SportsDirect.bg: Моля, първо посочете желания от Вас цвят!');

    // and add the functionality for the other click event in here too
});
按钮
$(“#btn”)。在(“单击”,函数(){
$(“#outerdiv”).css({“border”:“2px solid#e39f9f”});
警惕('SportsDirect.bg:Маааааааааааааааааааа;
//并在此处添加其他单击事件的功能
});

使用此方法在操作中显示它

检查javascript控制台是否有错误。我猜jquery没有成功加载,因为您的普通javascript正在工作。我正在使用Opera如何检查控制台?为什么要在Opera中开发?它是使用最少的浏览器之一。我想你应该从Chrome开始,在其他浏览器中测试。此外,IMO chome还有最好的调试特性。点击F12打开调试器。Chrome和Opera的开发工具现在应该几乎相同,因为Opera现在使用的是与Chrome相同的引擎。您可以在Windows上使用Mac上的F12或CMD+OPTION+I打开它们。(假设您使用的是最新版本的Opera)什么是
billing.save()
<button type="button" id="btn">Button</button>
<div id="outerdiv"></div>

$("#btn").on("click", function(){
    $("#outerdiv").css({"border":"2px solid #e39f9f"});
    alert('SportsDirect.bg: Моля, първо посочете желания от Вас цвят!');

    // and add the functionality for the other click event in here too
});