asp.net--JQUERY使用

来源：互联网发布：网络舆情分析师培训编辑：程序博客网时间：2024/06/05 21:57
.aspx代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JQuery使用.aspx.cs" Inherits="ASP.NET练习.JQuery使用" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <script src="jquery-1.8.3.js" type="text/javascript"></script><%--很重要，jquery代码库文件，下载拉进来--%>    <title></title>        <script type="text/javascript">        $(document).ready(function () {//标准写法            $("#Button1").click(function () {                $("#Text1").val("Button1显示");//.val（）是值            });            $("#Button2").click(function () {                $("#Text1").val("Button2显示");            });        });                    function ccc() {//            alert("ccc");            alert($("#Text1").val()); //$("#Text1").val()        }    </script>    <script type="text/javascript">        $(document).ready(function () {            $("#Button5").click(function () {//隐藏                $("#Text2").hide();            });            $("#Button4").click(function () {//显示                $("#Text2").show();            });            $("#Button6").click(function () {                $(".a").css("border","2px solid red");//.css("cssname","cssvalue")            });            $("#Button7").click(function () {                $(".a").css("border", "3px solid green");            });        });    </script>                  </head><body>        <form id="form1" runat="server">    <div>    <input id="Button1" type="button" value="button"  />    <asp:Button ID="Button2" runat="server"        Text="Button" /><input id="Text1" type="text"  runat="server"/>        <input id="Button3"            type="button" value="button" onclick="ccc()" />    </div>    <div>    <input id="Button4" type="button" value="显示"   />    <input id="Text2" type="text"  runat="server"  />        <input id="Text3" type="text"  runat="server" class="a"/>        <input id="Text4" type="text"              runat="server" class="a"/>            <input id="Button5" type="button" value="隐藏"  /><br />        <input id="Button6" type="button" value="红色" />        <input id="Button7"             type="button" value="绿色" /></div>    </form></body></html>
0 0