前端学习笔记_jQuery(1)

如何使用jQuery

• 官网下载jquery.js文件
• 引入jquery.js文件

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

咱们来看个小例子：

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

如何找到这个元素呢？

//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){});  //事件代理

一般来说，事件用on就可以了。