iT邦幫忙

2

jQuery基本語法

  • 分享至 

  • xImage
  •  

jQuery 基本語法說明
簡單的說明就是

$(誰).(什麼時候).(去做什麼)

誰:
可能只單一物件
可能只符合條件的許多物件
範例說明:
JavaScript:

$(document).ready(function(){
	$('#btn1').click(function(){
		$('#div1').addClass('d1');
	})
	$('#btn2').click(function(){
		$('div').addClass('d1');
	})
})
</script>

HTML:

<FORM action="" method=POST id=form1 name=form1>
	<INPUT type="button" value="改變div1" id=btn1 name=btn1>
	<INPUT type="button" value="改變所有div" id=btn2 name=btn2>
	<div id="div1">
		div1<br />
		div1<br />
		div1<br />
	</div>
	<br />
	<div id="div2">
		div2<br />
		div2<br />
		div2<br />
	</div>
	<br />
	<div id="div3">
		div3<br />
		div3<br />
		div3<br />
	</div>
</FORM>

說明如何透過按鈕去控制div


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

1 則留言

0
player
iT邦大師 1 級 ‧ 2012-04-12 17:55:09

jQuery的官方文件
http://docs.jquery.com/Main_Page

重點在於那堆Selectors的用法

我要留言

立即登入留言