asp.net--JQUERY使用

最新推荐文章于 2019-09-26 22:06:42 发布

yayun0516

最新推荐文章于 2019-09-26 22:06:42 发布

阅读量646

点赞数

分类专栏： asp.net 文章标签： asp.net jquery vs2010

本文链接：https://blog.csdn.net/yayun0516/article/details/40924545

版权

asp.net 专栏收录该内容

117 篇文章 7 订阅

订阅专栏

.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" οnclick="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>