如何使用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就可以了。
