一、JavaScript和JavaScript库
1. JavaScript介绍
> JavaScript 是属于网络的脚本语言!
> JavaScript被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。
> JavaScript 是因特网上最流行的脚本语言。
2. 缺点 复杂的文档队形模型、不一致的浏览器实现、调试工具的缺乏
3. 因为有了ajax,JavaScript不再是一种仅仅用户制作Web页面的简单脚本。
4. JavaScript有很多库,jQuery就是其中之一。
二、jQuery的介绍
1. jQuery介绍
>jQuery是一个优秀的JavaScript库。
jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。
2. 优点
1)轻量级 2)强大的选择器 3)出色的DOM操作的封装 4)可靠的事件处理机制 5)完善的Ajax 6)不污染顶级变量 7)出色的浏览器兼容性 8)链式操作方式 9)隐式迭代 10)行为层与结构层的分离 11)丰富的插件支持 12)完善的文档 13)开源
三、配置jQuery环境
1. 使用 jQuery不需要安装,要使用它只需该文件的一个副本,该副本可以放在外部站点上,也可以放在自己的服务器上。由于JavaScript是一种解释型语言,所以不必担心编译和构建。什么时候需要使用jQuery,只要在HTML文档中使用 元素把它导入进来即可。
2. jQuery库的对比
jQuery (完整版)
jQuery.mini (开发版)
3. (document).ready()和window.onload的区别 1)window.onload 必须等待页面中所以内容加载完毕才能执行,且不能执行多个。 2)$(document).ready() DOM绘制完成就能执行,可以执行多个。
4. 简单使用
标签引入的空JavaScript文件中。对这个例子而言,我们只需编写3行代码:
$(document).ready(function() {
$('div.poem-stanza').addClass('highlight');
});
相同功能如果用JavaScript实现,则要很长。
window.onload = function() {
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
if (hasClass(divs[i],'poem-stanza')
&& !hasClass(divs[i],'highlight')) {
divs[i].className += ' highlight';
}
}
function hasClass( elem,cls ) {
var reClass = new RegExp(' ' + cls + ' ');
return reClass.test(' ' + elem.className + ' ');
}
};
四、jquery对象和DOM对象的区别
1. DOM
相关概念 可以参照w3c:
DOM的获取
DOM的操作方法和jQuery的操作方法不要混用,虽然可以相互转换。
2. jQuery对象转成DOM对象
jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象
var $cr = $("#cr");
var cr = $cr[0];
alert( cr.checked );
另一种方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象
3.DOM对象转成jQuery对象
var cr = document.getElemetById("cr"); //DOM对象
var $cr = $(cr); //jQuery对象
五、解决jQuery和其他库的冲突
-
jQuery库在其他库之后导入。
调用jQuery.noConflict();
jQuery库在其他库之前导入。
可参考文章:
以下是QA部分 1、JavaScript异步问题 参考地址: (编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|