`
sophie627
  • 浏览: 8025 次
  • 性别: Icon_minigender_2
  • 来自: 珠海
最近访客 更多访客>>
社区版块
存档分类
最新评论

jQuery------读书笔记(一)

 
阅读更多

接触jQuery已经有一段时间了,但是一直没有完整的、系统的研读过jQuery的相关书籍。前一阵买了一本《锋利的jQuery》,这是一本比较基础的介绍jQuery的书籍。不动笔墨不读书,所以准备做一些读书笔记。本书一共分为八章,笔记准备分为9部分来记录。

 

第一章 认识jQuery

 

jQuery是一个有John Resig创建于2006年1月的一个开源项目。

jQuery目前最新的版本是:V1.7.1。官网:http://jquery.com

 

一、jQuery的优势

 

1. 轻量级;

2. 强大的选择器;

3. 出色的DOM操作的封装;

4. 可靠的事件处理机制;

5. 完善的Ajax;

6. 不污染顶级变量;

  7. 出色的浏览器兼容性;

8. 链式操作方式;

9. 隐式迭代;

10. 行为层与结构层的分离;

11. 丰富的插件支持;

12. 完善的文档;

13. 开源。

 

二、jquery基础

 

1.在页面袋中<head>标签内引入jQuery库后,就可以使用jQuery库了。

 

2.$就是jQuery的一个简写形式。$(“#foo”)和jQuery(“#foo”)是等价的。

 

3. $(document).ready(function(){

alert("Hello world");           //等待dom元素加载完毕弹出一个框

   })

简写为 $(function(){

 //......

   })

        类似于传统JS中的window.onload方法,不过有一些区别。

 

4.注释://

 

三、jQuery对象和DOM对象的相互转换

 

var $variable = jQuery对象

var variable = DOM对象

 

1. jQuery对象转成为DOM对象

 

两种方式:[index]和get(index)

var $cr = $("#cr");   //jQuery对象

var cr = $cr[0]; //DOM对象

var cr = $cr.get(0); //DOM对象

 

2.DOM对象转为jQuery对象

 

var cr = document.getElementById("cr");    //DOM对象

var $cr = $(cr); //jQuery对象

 

四、解决jQuery和其他库的冲突

 

目前较为流行的JS库:Prototype,Dojo,YUI,Ext JS,MooTools,jQuery。

 

1.jQuery在其他库之后导入

 

(1) 可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权移交给其他JS库。

      则jQuery()函数作为jQuery对象的制造工厂。jQuery(function(){})

 

(2) 也可以自定义一个快捷方式: var $j = jQuery.noConflict(); 

$j(function(){});

 

(3) 如果还想用$而不管其他库的$()方法,同时与其他库不冲突,可以使用以下两种方法。

(a) jQuery.noConflict();

     jQuery(function($){});

(b) jQuery.noConflict();

     (function($){

     $(function(){});

     })(jQuery);

这应该是最理想的方式,因为可以通过改变最少的代码来实现全面的兼容性。

 

2. jQuery库在其他库之前导入

 

可以直接使用"jQuery"来做一些jQuery的工作,同时,可以使用$()方法作为其他库的快捷方式。这里无需调     用jQuery.noConflict()函数。

 

五、开发工具和插件

 

1.Dreamweaver

2.Aptana

3.jQueryWTP和Spket插件

这两款插件都可以使用Eclipse支持jQuery自动提示代码功能。

4.Visual Studio 2008

1
2
分享到:
评论

相关推荐

    jquery-1.8.3.js 官方包

    1. jquery.js:这是未压缩的源码文件,适用于开发环境,便于开发者阅读和调试。源码中包含了大量的注释,方便理解内部实现和调试问题。 2. jquery.min.js:这是经过压缩和优化后的文件,适用于生产环境。通过删除...

    jquery-1.5.2

    `jquery-1.5.2.js`是未压缩的源代码文件,便于阅读和调试,而`jquery-1.5.2.min.js`则是经过压缩和优化的版本,适用于生产环境,以提高页面加载速度。引入jQuery库,通常通过在HTML文档的`&lt;head&gt;`或`&lt;body&gt;`标签内...

    jquery-下拉多选.tar.gz

    总结来说,这个压缩包提供了一个实践性的学习平台,让你深入理解jQuery在实现下拉多选插件时的具体应用。通过解压并运行此项目,你可以看到实际效果,同时也可以修改代码进行进一步的定制和学习。无论是对初学者还是...

    jquery读书笔记

    《jQuery读书笔记》 在深入理解JavaScript库的过程中,jQuery无疑是一个绕不开的重要角色。这篇读书笔记将基于jQuery的API文档,结合实际应用,探讨其核心功能和使用技巧,旨在帮助读者更好地掌握这一强大的工具。 ...

    jquery学习笔记-相关代码

    **jQuery学习笔记** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档...实践是检验真理的唯一标准,所以不仅要阅读笔记,更要动手实践,结合提供的实例代码进行学习,相信你的jQuery技能会得到显著提升。

    JQuery笔记JQuery笔记

    发布版(release)则提供了一个未经压缩但易于阅读的版本,适合用于调试和学习。 ### jQuery对象与DOM元素转换 jQuery的一个关键特性是能够将DOM元素转化为jQuery对象,从而可以调用jQuery提供的丰富方法集。例如,...

    JQuery-Learning-Note:jQuery学习笔记

    **jQuery学习笔记** ...通过阅读和实践这些jQuery学习笔记,你可以掌握jQuery的基本使用,并在实际项目中灵活运用。无论你是初学者还是有经验的开发者,jQuery都是一个强大且实用的工具,能有效提升前端开发效率。

    jQuery-source-reading-blog

    这一系列文章是本人阅读jQuery源码的笔记和心得,其中参杂了一些工程实践。 按照以往OS方面的经验,找最新的代码阅读并非是一个明智之举。挑选一个早期版本或参考资料最多的版本,可以以一个最高的效率来体会架构的...

    jquery笔记大全

    - **代码简洁明了:**相比原生JavaScript,jQuery的语法更加简洁,易于阅读和维护。 #### 3. 什么是jQuery? jQuery是一个免费、开源的轻量级JavaScript库。它通过封装一系列实用的函数,使得JavaScript编程变得...

    笔记-JQuery

    **jQuery 知识点详解** jQuery 是一个广泛应用于前端开发的 JavaScript 库,它极大地简化了 JavaScript 的操作,包括DOM(文档对象模型)...通过阅读“笔记-JQuery.pdf”这样的资料,可以系统地学习并掌握这些知识。

    jQuery学习笔记

    这个资源包含了作者在自学jQuery过程中积累的笔记,以HTML页面的形式呈现,方便阅读和学习。 1. **jQuery简介** - jQuery是由John Resig在2006年创建的,它的核心理念是“write less, do more”。jQuery通过封装...

    jquery.js下载

    - **jb51.txt**:可能包含的是关于jQuery或其他Web开发相关的笔记或参考资料。 - **使用说明.txt**:应包含了使用jQuery 1.2.6版本的具体步骤和注意事项,建议仔细阅读以了解如何正确集成和使用。 - **脚本之家.url*...

    jquery-internals:《 jQuery技术内幕-深入解析jQuery架构设计与实现原理》源码注释与学习笔记

    《jQuery技术内幕-深入解析jQuery架构设计与实现原理》是一本深入探讨jQuery核心机制的书籍,结合源码注释和学习笔记,可以帮助开发者更全面地理解这个广泛使用的JavaScript库。jQuery以其简洁、高效的API和跨浏览器...

    jquery笔记1

    “源码”标签暗示了笔记可能涉及jQuery库的内部工作原理,或者如何阅读和理解jQuery的源代码,这对于深入学习和定制jQuery功能的开发者来说是非常有用的。而“工具”标签则可能意味着笔记涵盖了如何将jQuery与其他...

    jquery零碎实例和学习心得

    `发一个jQuery官方网站风格的api文档.rar` 提供了类似官方风格的API文档,这种格式可能更便于阅读和查找函数信息。 `js-0127-jQuery流行广告效果.rar` 可能包含了一些使用jQuery实现的动态广告效果实例,这对于学习...

    锋利的jQuery学习笔记

    《锋利的jQuery学习笔记》是一份深入探讨jQuery框架的学习资料,主要针对想要掌握JavaScript库jQuery的开发者。jQuery是一款高效、简洁的JavaScript库,它极大地简化了JavaScript代码的编写,使得DOM操作、事件处理...

    java,html,jquery,js各种报错解决方案

    3. **jQuery**:jQuery是一款简化JavaScript操作的库,其报错通常与选择器错误、DOM操作、插件冲突等有关。"jquery"文件可能包含jQuery的错误处理技巧和最佳实践,如使用$(document).ready()确保DOM加载完成后再执行...

    jquery阅读笔记

    ### jQuery阅读笔记精炼知识点 #### 一、jQuery基础概览与选择器 **1.1 jQuery概述** jQuery是一款快速、简洁的JavaScript库,旨在简化HTML文档遍历、事件处理、动画以及Ajax交互等操作。它通过提供一个简单、...

Global site tag (gtag.js) - Google Analytics