jquery的优点和一个简单的jquery和javascript的对比例子
2013-03-01 17:32
267 查看
1、jquery允许开发者使用从CSS1到CSS3几乎所有的选择器,并且jquery还有自己带的更加强大选择器。
2、jquery有出色的DOM操作封装。
3、可靠的事件处理
4、完善的Ajax
5、出色的浏览器的兼容性
6、丰富的插件支持
7、完善的文档
8、开源
下面一个简单的jquery的案例和传统的javascript来进行比对
<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("Hello Word!!!");
});
$(document).ready(function(){
alert("Hello Word Two!!!");
});
</script>
<script type="text/javascript">
window.onload=function(){
alert("Hello Word!!!");
}
window.onlaod=function(){
alert("Hello Word Two!!!");
}
</script>
jquery会在界面上打印出hello word和hello word Two.但是javascript会打印出hello word two.为什么呢?因为他们的执行机制有区别
1、javascript的执行机制是必须等待网页中所有的内容加载完毕后(包过图片)才能执行。
2、网页中所有的dom结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完~~
这就是两者的一些区别哦~~
2、jquery有出色的DOM操作封装。
3、可靠的事件处理
4、完善的Ajax
5、出色的浏览器的兼容性
6、丰富的插件支持
7、完善的文档
8、开源
下面一个简单的jquery的案例和传统的javascript来进行比对
<script type="text/javascript" src="jquery-1.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("Hello Word!!!");
});
$(document).ready(function(){
alert("Hello Word Two!!!");
});
</script>
<script type="text/javascript">
window.onload=function(){
alert("Hello Word!!!");
}
window.onlaod=function(){
alert("Hello Word Two!!!");
}
</script>
jquery会在界面上打印出hello word和hello word Two.但是javascript会打印出hello word two.为什么呢?因为他们的执行机制有区别
1、javascript的执行机制是必须等待网页中所有的内容加载完毕后(包过图片)才能执行。
2、网页中所有的dom结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完~~
这就是两者的一些区别哦~~
相关文章推荐
- 【实践】一个简单却五脏俱全的JavaScript“类”例子
- 一个简单的jQuery回调函数例子
- 一个简单的jquery+ajax的例子
- 入门1--结合javascript制作一个简单的silverlight1.0例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- blockchain 区块链200行代码:在JavaScript实现的一个简单的例子
- 一个简单的例子:javascript实现日期的比较(3)
- 以一个最简单的例子把OO的JavaScript说明白
- blockchain 区块链200行代码:在JavaScript实现的一个简单的例子
- 中级JavaScript例子, 如何实现一个简单实用的模板套用机制, GXTemplate , 第3章(估计要写9章)
- 以一个最简单的例子把OO的JavaScript说明白
- 在使用jQuery+HTML+Javascript的简单例子---很容易的制作双色表格
- 以一个最简单的例子把OO的JavaScript说明白
- 中级JavaScript例子, 如何实现一个简单实用的模板套用机制, GXTemplate , 第2章(估计要写9章)
- 一个简单的jQuery插件ajaxfileuplo 4000 ad实现ajax上传文件例子
- 一个简单的例子说明JQuery中wrap、wrapAll、wrapInner的区别
- 原生Javascript和jQuery做轮播图简单例子
- 一个简单的例子:javascript设置默认日期范围为最近40天(2)
- 不用jQuery做一个简单手动暂停的JavaScript幻灯片2
- 以一个最简单的例子把OO的JavaScript说明白