第一章 认识jQuery

一、常见的JS库

  1. Prototype 最早的js库之一。把好用JS方法组合,缺点结构松散。
  2. Dojo 离线存储API、生成图标组件、矢量图形库、Comet支持。企业级JS库,缺点文档不全、API不稳定。
  3. YUI 雅虎开发的富交互网页程序工具集。
  4. Exit JS侧重界面
  5. MooTools 模块化思想的轻量级JS框架
  6. jQuery 轻量级、强大选择器等。

二、jQuery优势

  1. 轻量级 30K左右
  2. 强大选择器
  3. 出色DOM封装
  4. 可靠的事件处理机制
  5. Ajax完善
  6. 不污染顶级变量
  7. 浏览器兼容
  8. 链式调用
  9. 隐式迭代
  10. 行为结构分离
  11. 插件丰富
  12. 文档完善
  13. 开源

三、编写注意事项

链式调用是应该注意:

  • 同一对象不超过3个操作,直接写为一行
  • 同一对象较多操作,每行写一个操作
  • 多个对象的少量操作,每对象写一行(子元素缩进)

四、jQuery对象和DOM对象

DOM对象是直接从DOM树获取的对象,可以使用JS方法,不可以使用jQuery方法。jQuery对象是指jQuery包装后的DOM对象,可以使用jQuery方法,不可以使用JS方法(通过jQuery对象获取的变量在前面加$以作区分)。

两者相互转换:

  • jQuery对象转换为DOM对象:
  1. [index]        var dom=$("div")[0];
  2. get(index)   var dom=$("div").get(0);
  • DOM对象转换为jQuery对象: 直接使用$()打包DOM对象即可。

五、jQuery与其他JS库冲突解决($的让渡问题)

对于jQuery,全局变量被存储在自己的命名空间中一般与其他库没有冲突

  • jQuery库在其他库后引入
  1. jQuery.noConflict();  //将变量$控制权让给其他库
    jQuery(function(){ //使用jQuery
    // 书写jQuery程序;
    });

2.

var $j=jQuery.noConflict();  //自定义一个快捷方式
$j(function(){ //使用jQery,利用自定义的快捷方式——$j
//书写jQuery程序;
});

如果不想自定义还想使用$(),不管其他库$()方法,又不想与其他库冲突。使用:

  1.  jQuery.noConflict();  //将变量$控制权让给其他库
    jQuery(function($){ //使用jQery设定页面加载时执行的函,在函数内部继续使用$()
    //书写jQuery程序;
    });
  2. jQuery.noConflict();  //将变量$控制权让给其他库
    (function($){ //定义匿名函数并设置形参为$,匿名函数内部的$均为jQery,在函数内部继续使用$()
    $(function(){
    // 书写jQuery程序;
    });
    })(jQuery) ;
  • jQuery库在其他库前引入

无需调用jQuery.noConflict(),直接使用jQuery做jQuery的是,其他函数库使用$()。

【锋利的jQuery】学习笔记01的更多相关文章

  1. JQuery学习笔记--01

    JQuery使用的话,必做的一下件事就是下载JQuery库,才可以使用下载地址:http://jquery.com/ 下面就是引用JQuery库了: <script type="tex ...

  2. jQuery学习笔记01

    1.jQuery介绍 1.1什么是jQuery ? jQuery,顾名思义,也就是JavaScript和查询(Query),它就是辅助JavaScript开发的js类库. 1.2 jQuery核心思想 ...

  3. 锋利的JQuery 学习笔记

    第一章                认识JQuery ·页面加载事件(可以写多个ready())$(document).ready(function(){alert(“hello world”);} ...

  4. JQuery 学习笔记(01)

    JQuery是继prototype之后又一个优秀的Javascript库.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Oper ...

  5. 锋利的jquery学习笔记

    1.$("#tt")获取的永远都是一个jquery对象,所以要判断页面上是否存在某个对象不能像js中 if($("#tt")){ } 而是通过: ){ } ps ...

  6. 锋利的jQuery学习笔记之jQuery选择器

    在介绍jQuery选择器之前,先简单介绍一下CSS选择器---> 一.CSS选择器 常见的CSS选择器有以下几种: 选择器 语法 描述 示例 标签选择器 E{CSS规则} 以文档元素为选择符 t ...

  7. jQuery 学习笔记:jQuery 代码结构

    jQuery 学习笔记:jQuery 代码结构 这是我学习 jQuery 过程中整理的笔记,这一部分主要包括 jQuery 的代码最外层的结构,写出来整理自己的学习成果,有错误欢迎指出. jQuery ...

  8. jQuery学习笔记(一)jQuery选择器

    目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...

  9. jQuery 学习笔记

    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...

  10. 软件测试之loadrunner学习笔记-01事务

    loadrunner学习笔记-01事务<转载至网络> 事务又称为Transaction,事务是一个点为了衡量某个action的性能,需要在开始和结束位置插入一个范围,定义这样一个事务. 作 ...

随机推荐

  1. in an effort to

    What does "in an effort" to mean? I personally consider in an effort to a stock phrase1. T ...

  2. delphi中EmbeddedWB网页html相互调用(二)

    我们可以通过控件 EmbeddedWB_D5-D2010_Version_14.69.1 来响应html事件,还可以自定义html响应哪些html元素. 控件下载 点击下载 里面有demos文件夹大家 ...

  3. 利用if else 求房贷

    static void Main(string[] args)        {            while (true)     //主要就是公式的运用和if else 的嵌套         ...

  4. -_-#【video】

    视频 HTML5 视频 HTML5的视频格式之争 移动端HTML5<video>视频播放优化实践 后备

  5. 【转】windows7 64位系统认不出8g内存显示只有3G可用

    原文网址:http://www.jb51.neos/windows/93721.html   我的电脑安装的是Win7 64位系统,当时内存是用的8G的,系统里面显示出来只有3.00G可用,真是崩溃啊 ...

  6. ETL构建数据仓库五步法

    原文:http://huangy82.blog.163.com/blog/static/49069827200923034638409/ ETL构建企业级数据仓库五步法 在数据仓库构建中,ETL贯穿于 ...

  7. sort()函数与qsort()函数及其头文件

    sort()函数与qsort()函数及其头文件 sort()函数是C++中的排序函数其头文件为:#include<algorithm>头文件: qsort()是C中的排序函数,其头文件为: ...

  8. JavaScript高级程序设计23.pdf

    document对象作为HTMLDocument的一个实例,它还有一些标准的Document对象所没有的属性,这些属性提供了网页上的一些信息 //取得文档标题 var title1=document. ...

  9. 使用.htaccess实现apache URL重定向

    一.什么是URL重定向? URL重定向(URL redirection,或称网址重定向或网域名称转址),是指当使用者浏览某个网址时,将他导向到另一个网址的技术. 二.URL重定向怎么配置? 1)首先需 ...

  10. SQL语句的增删改查

    一.增:有2种方法 1.使用insert插入单行数据: 语法:insert [into] <表名> [列名] values <列值> 例:insert into Strdent ...