日期:2014-05-16 浏览次数:20503 次
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>jquery createElement 测试</title>
<!--
****** 问题 ********
注释下面的jquery包就可以执行
-->
<script language="javascript" src="http://code.jquery.com/jquery-1.9.1.min.js" />
<script type="text/javascript">
if(!("$" in this)){
this.$= function (str) {
return document.getElementById(str.substring(1));
}
}
var createTest= function () {
var tag = $("#toAdd");
var now= new Date();
for(var i=0;i<2000;i++){
tag.appendChild(window.document.createElement("div"));
}
$("#add").innerHTML="加入结束,共用时:"+(new Date()-now);
tag=null;
now =null;
}
</script>
</head>
<body>
<div id="add" style="height:50px;width:100px;border:1px solid #0bb;background:red" onclick="createTest()">点我加上2000个对象</div>
<div id="toAdd" style="height:50px;width:100px;border:1px solid #0bb;background:blue" ></div>
</body>
</html>
var isJQ=true
if(!("$" in this)){
isJQ=false
this.$= function (str) {
return document.getElementById(str.substring(1));
}
}
alert( isJQ)
var createTest= function () {
var tag = $("#toAdd")
var now= new Date();
for(var i=0;i<2000;i++){
if(isJQ) tag.append(window.document.createElement("div"));
else tag.appendChild(window.document.createElement("div"));
}
if(isJQ)$("#add").html("加入结束,共用时:"+(new Date()-now))
else $("#add").innerHTML="加入结束,共用时:"+(new Date()-now);
tag=null;
now =null;
}