<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>hello jquery</title>
<script src="jquery-1.11.2.js"></script>
<script type="text/javascript">
//Using JQuery, you can find the elements by selection as CSS. Such as "#test ul li".
function jQueryChange(){
var lis = $("#test ul li");
for(var i = 0; i < lis.length; i++){
var lli = lis[i];
$(lli).html("TTTTTTTTTT");
}
}
//Using JavaScript, you also can do this, but you should write more code to complete this.
function jsChange(){
var lis = document.getElementById("test").getElementsByTagName("ul")[0].getElementsByTagName("li");
for(var i = 0; i < lis.length; i++){
var lli = lis[i];
lli.innerHTML = "TTTTTTTTTT";
}
}
</script>
</head>
<body>
<div id="test">
<ul>
<li>AAAAAAAAAA</li>
<li>BBBBBBBBBB</li>
<li>cccccccccc</li>
<li>DDDDDDDDDD</li>
<li>EEEEEEEEEE</li>
<li>FFFFFFFFFF</li>
</ul>
</div>
<div id="production">
<ul>
<li>AAAAAAAAAA</li>
<li>BBBBBBBBBB</li>
<li>cccccccccc</li>
<li>DDDDDDDDDD</li>
<li>EEEEEEEEEE</li>
<li>FFFFFFFFFF</li>
</ul>
</div>
<input type="button" value="change text by JQuery" οnclick="jQueryChange()">
<input type="button" value="change text by JS" οnclick="jsChange()">
</body>
</html>
JQuery vs Javas 02
最新推荐文章于 2024-09-14 19:44:09 发布