JQuery vs Javas 02

来源：互联网发布：雪狐桌面精灵软件编辑：程序博客网时间：2024/05/17 01:48
<!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" onclick="jQueryChange()"><input type="button" value="change text by JS" onclick="jsChange()"></body></html>
0 0