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 = '';
}
}
}
}
}