前台頁面
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.9.1.min.js"></script> <style> .cls { margin-left: 5px; border: 1px; } </style> </head> <body> <form id="form1" runat="server"> <div id="div1"> </div> <div id="div2"></div> </form> <script src="js/global.js"></script> <script src="js/webForm1.js"></script> </body> </html>
$(function () { var div = document.getElementById('div1'); div.innerHTML = '<label class="cls">標題1</label><label class="cls">標題2</label><label class="cls">標題3</label>' });
$(function () { $("label").click(function () { alert("你好，標題！"); }); });