如何使用jQuery

• 官網(wǎng)下載jquery.js文件
• 引入jquery.js文件

  <script src="jquery.js"></script>

咱們來(lái)看個(gè)小例子：

<div id="a" class="b" >cjj</div>

如何找到這個(gè)元素呢？

//jquery寫法
$('div') 
$('#a')
$('.b')

//js寫法
var div = document.getElementsByTagName('div')[0];
var div = document.getElementById('a');
var div = document.getElementsByClassName('b')[0];

由此可見，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就可以了。