您的位置:首页 > Web前端 > HTML

1.追加html>div标签

2009-03-04 19:45 232 查看
很简单,没有什么要介绍的,直接看代码.
Code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>jQuery追加<div></title>

<script src="jquery-1.3.2.js"type="text/javascript"></script>

<%--<script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>--%>

<script type="text/javascript">

$(document).ready(function() {

$(document.body).click(function() {

$(document.body).append($("<div>"));

var n = $("div").size();

$("span").text("There are " + n + " divs." + "click to add more.");

}).click();

});

</script>

<style type="text/css">

body{ cursor:pointer;}

div{ width:50px; height:30px; margin:5px; float:left; background:blue;}

sapn{ color:Red;}

</style>

</head>

<body>

<form id="form1" runat="server">

<span></span>

<div></div>

</form>

</body>

</html>

源代码 " style="COLOR: #ffffff" href="http://files.cnblogs.com/dreamsky/jQuery200901.rar">/Files/dreamsky/jQuery200901.rar
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: