分别用Javascript和JQuery写选项卡对比

原生JS写法：
<script>
window.onload = function () {
var oDiv = document . getElementById('div1');
var aInput = oDiv . getElementsByTagName (' input');
var aCon = oDiv.getElementsByTagName ('div') ;
for (var i=0;i<aInput.1ength;i++){
aInput .index = i;
aInput . onclick = function() {
for (var i=0; i<aInput. length;i++)
{
aInput .className = ' ';
aCon .style.display = 'none' ;
}
this.className = 'active' ;
aCon[this. index] .style.display = 'block';
};
}
};
</script>

JQ的写法：
<script>
$ (function() {
$('#div1') .find(' input') . click (function() {
$('#div1') .find('input') .attr('class','');
$('#div1') .find('div') .Css('display', 'none');
$ (this) .attr('class', 'active') ;
$('#div1') . find('div') .eq( $(this) .index() ) .css('display', 'block');
}) ;
}) ;
</script>