jquery.js地址应用_如何在.NET应用程序中使用jQuery

赫连开畅
2023-12-01

jquery.js地址应用

在这里,我将向您展示一个示例,使用jQuery有多么容易

在此示例中,我将显示一个名为“单击以显示...”的超链接。 当用户单击此链接时,将在div标签中的此超链接下显示一些文本。

步骤例如:
  1. 首先请参考最新的jquery javascript文件。 (您可以从www.jquery.com下载)
  2. 然后在脚本区域中编写代码:
    $(document).ready(function(){})
    该语句表示在html就绪时,请在函数中执行以下语句。
  3. 默认情况下,我隐藏div标签。
    $('div')。hide();
    注意:在这种情况下,如果您有div标签的ID,请参考$('div#idname')
  4. 在下一步中:
    $('a')。click(function(){}),点击锚标记后,请执行以下功能。
  5. 在最后一步中,我使div标签可见。
这个怎么运作:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="Default5" %> 
<!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">
    <title></title>
    <script src="jquery-1.4.2.js" type="text/javascript"></script>
    <script type="text/javascript">
       $(document).ready(function(){
       $('div').hide();
       $('a').click(function(){
       $('div').show();
       })
       })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <a id="sample" href="#">Click to show...</a>
    <div> 
    This is simple example....
    </div>
    </form>
</body>
</html>

jQuery非常易于使用,并且是功能非常强大的javascript查询工具,用于查询html标签,css类。

谢谢

巴拉斯·雷迪VasiReddy

翻译自: https://bytes.com/topic/asp-net/insights/884269-how-use-jquery-your-net-application

jquery.js地址应用

 类似资料: