第一章 认识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. 读书笔记-----Java并发编程实战(二)对象的共享

    public class NoVisibility{ private static boolean ready; private static int number; private static c ...

  2. php Laravel 框架 介绍及安装

    Laravel是一套简洁.优雅的PHP Web开发框架(PHP Web Framework).它可以让你从面条一样杂乱的代码中解脱出来:它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁.富于 ...

  3. perl 初始化Hash

    Vsftp:/root/perl/6# cat a5.pl use Data::Dumper; my @arr=qw/a bc d /; my %rec=(); for $field (@arr){ ...

  4. oracle时间模型

    Oracle在9i或者早期的版本,对于性能优化方面,主要采用命中率模型,后面的版本,也保留着命中率模型,比如在awr报告中,Instance Efficiency Percentages (Targe ...

  5. bzoj1202

    很久以前写的,忘补解题报告了首先似乎dfs就可以了吧?但还有更高大上的做法其实这东西就是告诉sum[y]-sum[x-1]=z然后给出一堆看成不成立可以用并查集,维护每个点到father点的差即可 . ...

  6. bzoj1237

    假如不存在相等的两个数不能配对,那很容易贪心得到,A中rank 1匹配B中rank 1 A中rank2 匹配B中rank 2…… 有了相等不能匹配这个条件,那么A中rank i可能和rank i,i- ...

  7. 单实例 winform zz

    (引用了 Microsoft.VisualBasic.ApplicationServices)SingleInstanceApplicationWrapper.cs using System.Wind ...

  8. C#后台执行bat

    C#后台执行bat ProcessStartInfo p = new ProcessStartInfo(); p.FileName = "C:\\1.bat"; p.WindowS ...

  9. python 零散记录(七)(上) 面向对象 类 类的私有化

    python面向对象的三大特性: 多态,封装,继承 多态: 在不知道对象到底是什么类型.又想对其做一些操作时,就会用到多态 如 'abc'.count('a') #对字符串使用count函数返回a的数 ...

  10. Ubuntu下安装PAC Manager

    在Windows下习惯使用XShell.PAC Manager其实就是一个在Linux系统类似XShell的工具. 下载地址: https://sourceforge.net/projects/pac ...