如何使用jQuery
- 官網(wǎng)下載jquery.js文件
- 引入jquery.js文件
<script src="jquery.js"></script>
咱們來(lái)看個(gè)小例子：
<div id="a" class="b" >cjj</div>
如何找到這個(gè)元素呢硕并？
//jquery寫(xiě)法
$('div')
$('#a')
$('.b')
//js寫(xiě)法
var div = document.getElementsByTagName('div')[0];
var div = document.getElementById('a');
var div = document.getElementsByClassName('b')[0];
由此可見(jiàn)脉让，jquery是多么的方便妓蛮。
jQuery里的選擇器
$('div') //元素
$('#a') //id
$('.b') //class
$('input[value]') //屬性
jQuery事件
$('div').click();
$('div').on('click', '.selector', function(event) {
event.preventDefault();
});
$('div').bind(event name', eventData, function(event) {
/* Act on the event */
});
$('div').live(); //在1.7以上的版本取消了宅楞，替換成了delegate
$('div').delegate('.a','click',function(event){}); //事件代理
一般來(lái)說(shuō)脖卖，事件用on就可以了蒲肋。
