JQuery初识

来源:互联网 发布:mysql派生表查询 编辑:程序博客网 时间:2024/06/06 04:55

Where

这里写图片描述
    现如今已经到了V3.2.1,上面只列出了初期具有里程碑的点,从图中可以看出,JQuery的更新发展非常快,甚至是每隔1,2个月就有一个新版本,所以JQuery很强大。了解每个发展点的不同,对JQuery的学习很有帮助。


What

    是JavaScript的一个框架,或JavaScript代码库
    我理解的JQuery就是把用javaScript实现的一些小功能封装起来(包括跨平台兼容的问题),我们直接调用疯转的接口即可


Why

    JQuery设计的宗旨就是”write less,do more“,即代码写得少,而做得事多。所以使用它既方便,又能干更多的事

优点
    1. 跨浏览器:消除了JavaScript跨平台兼容问题
    2. 简单:有良好的文档和帮助手册
    3. 易操作:不用再写一堆js代码来调用元素了,只需直接查找id或class即可
    4. 改变页面的内容:使用少量的代码,就可改变文档的内容
缺点
     1. 不是原生的JavaScript语言,理解起来受限制
     2. 项目中包含多个版本的JQuery库,可能会冲突
    3. 不能向后兼容


How

JQuery使用逻辑流程大概是这样:

  • 查找/创建JQuery对象:$(‘selector’)
  • 调用JQuery对象的方法:$(“selector”).function()
    JQuery的查找DOM元素的功能是非常强大的。
  • $是什么意思???
    • $其实就是一个变量名,代表JQuery对象,那为什么没有new,通常创建一个对象都要new,其实查看源代码可知它通过JQuery原型属性的init方法来创建对象的,实际写法应该是:new JQuery(“selector”),使用闭包的方式巧妙了避免了new
  • 每次方法调用返回的是元素对象数组
    • 查看源码,在JQuery(“selector”)方法内部,最后返回的是个数组:return this.setArray(jQuery.makeArray(selector));,而each()方法内部是个for循环,然后循环的调用

return this.each(function(i){
// Set all the styles
for ( name in options )
jQuery.attr(
type ?
this.style :
this,
name, jQuery.prop( this, options[ name ], type, i, name )
);
});


JavaScript

    有关介绍:初始JavaScript

优点:

    1. 运行在客户端,节省了web服务器的请求时间和带宽 运行
    2. 在用户机器上,运行结果和处理相对较快

缺点:

    1. 安全问题:运行在客户端,可能被黑客攻击
    2. 兼容问题:在不同的浏览器中的处理结果可能不同

【总结】

    还有待去研究JQuery源码

原创粉丝点击