iT邦幫忙

2

jQuery初體驗

  • 分享至 

  • twitterImage
  •  

簡易的範例,說明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(); 
      });

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言