<script>
var a = document.getElementByTagName('a')[0];
a.style.color="red";
a.οnclick=function(){
this.style.border="1px solid #f9";
}
</script>
<script src="jquery.js">
var a = $('a');
a.css('color','red').click(function()){
$(this).css('border','10px solid #38a38a');
});
}
<script>
var p = document.getElementByTagName('p');
for(var i = 0;i< p.length;i++){
p[i].οnclick=function(){
aler(this.innerHTML);
};
}
</script>
jquery写法
<script>
var p = $('p');
p.click(function(){
alert($(this).html());
});
</script>
前端开发的网站
www.css88.com
jquery官网:jquery.com
Plugins
jquery的优势:
1.轻量级、强大的选择器、
不足:不能向后兼容、插件兼容、插件之间存在冲突、
大型框架中,特别是开发后台UI框架的时候,jquery对于
动画支持相对来说不太给力,需要用jquery UI来弥补
cdn的获取:
谷歌cdN:http://www.google.
引用百度的jquery库
<script src=http://libs.baidu.com/jquery/
如果正式上线后加载能更页面快
优先引入cdn库,出错引用本地库
<script>
window.οnlοad=function(){
alert(1);
}
</script>
$(document).ready(function(){
alert(1);
});
<script>
var p = document.getElementByTagId('p');
//用DOM方法获得到的对象就是DOM对象
var p = $('p');
//用jquery选择器得到的对象就是jquery对象
alert(p.innerHTML);
</script>
jquery对象不能使用DOM对象中的方法
</script>