ASP.Net母版子页场景中的jQuery问题

让jQuery在此场景中工作时出现问题： VisualStudio2010 .NET4.0框架 jQuery 1.7.1（也尝试了1.4.1）

我在VS2010中创建了一个默认的ASP.NETWeb应用程序，允许该工具创建母版页和基本子页（Defallt、About等）。然后，我创建一个新页面来测试jQuery——一个使用默认母版页的子页面。我在页面上放置了一些div和一个HTML按钮，并连接jQuery以在单击按钮时更改div的背景色。它确实会在大约十分之一秒的时间内改变颜色，但随后又会重新改变颜色。我尝试了一些不同的方法，比如在点击按钮时使div消失——相同的结果——消失然后马上回来。因此，我尝试在单击按钮时弹出一个警报（来自jQuery代码）——效果很好。似乎如果我试图操纵CSS就有问题了——否则一切都好。网页和网站都非常简单和基本。页面的HTML和脚本代码：

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="jQuery.aspx.vb" Inherits="TestWeb.jQuery" %>

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
css（“背景色”、“红色”）；
});
});

jQuery集成测试
这是一段

这是另一段

点击我

---

由于某些原因，当我通过上面的代码时，内容标签没有显示出来，所以。。。脚本标记包含在

标记中，HTML的其余部分包含在

标记中按钮将页面提交到服务器，因此您的背景正在更改，然后页面将刷新回开始位置。您需要在单击处理程序的末尾添加“return false”以取消导航

<script type="text/javascript">

    $(document).ready(function () {
        $("button").click(function () {
            $("p").css("background-color", "red"); 
            return false;
        });
    });

</script>

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
css（“背景色”、“红色”）；
返回false；
});
});

<h2>
   jQuery Integration Testing
</h2>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>

<script type="text/javascript">

    $(document).ready(function () {
        $("button").click(function () {
            $("p").css("background-color", "red"); 
            return false;
        });
    });

</script>