jQuery案例—用JavaScript編寫

jquery-examples-代碼

$(function(){  var $lis = $("#list ul li");  $lis.click(function(){    $(this).addClass("high").siblings().removeClass("high");  })})

js-examples-代碼

window.onload = function(){var nav=  document.getElementById("list");var ul =  nav.getElementsByTagName("ul")[0];var lis = ul.getElementsByTagName("li");var len = lis.length;for(var i=0;i<lis.length;i++){  lis[i].onclick= function(){  for(var m=0;m<len;m++){  lis[m].className = "";}this.className = "high";}}}

js-examples-代碼

window.onload = function(){var nav=  document.getElementById("list");var ul =  nav.getElementsByTagName("ul")[0];var lis = ul.getElementsByTagName("li");var len = lis.length;for(var i=0;i<lis.length;i++){lis[i].onclick= function(){for(var m=0;m<len;m++){if( lis[m] == this ){lis[m].className = 'high';}else{lis[m].className = '';}}}}}