jQuery初体验

简易的範例，说明jQuery的简易以及强大
设定Form1里面的Text1的值为ABC
传统的作法

window.document.form1.Text1.value=‘ABC’;

再精简的做法

document.getElementById(‘Text1’).value=‘ABC’;      document.all(‘Text1’).value=‘ABC’;  //(只支援IE)

jQuery的写法

$(‘#Text1’).val(‘ABC’);

按下按钮，显示隐藏某div的内容
传统的作法

function button1_onclick() {   var div1=document.getElementById('div1');         if(div1.style.display=='')     {      div1.style.display='none';   }   else   {      div1.style.display='';   }      }

jQuery的作法

$('#button2').click(function(){         $('#div2').toggle();       });