第一章 认识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. javascript时间、随机数

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. 利用if else咱们结婚吧

    class Program    {        static void Main(string[] args)        {            while (true)           ...

  3. bzoj1233

    首先这道题有一个很重要的贪心就是 在保证所有干草堆都能参与搭建的前提下,我们尽量使最底层的宽度小,这样搭起来的的干草堆高度一定是最高的 当我们以第i个干草堆为一层,显然最优的情况是找到一个尽可能小的j ...

  4. 老的acm & oj学习站点

    1.网易小鱼博客 http://gisyhy.blog.163.com/blog/#m=0&t=1&c=fks_087069086082087064085081082095085084 ...

  5. 【转】iOS开发者账号和证书

    原文网址:http://www.jianshu.com/p/8e967c1d95c2 从Xcode7之后,苹果支持了免证书调试,但是若是需要调试推送功能,或者需要发布App,则需要使用付费的开发者账户 ...

  6. (转载)PHP 判断常量,变量和函数是否存在

    (转载)http://www.jb51.net/article/17881.htm 如果你看懂了上面一句话,那么接下来都是废话,PHP手册写的还是很全的.一句话就把我标题中的问题全部解决了. 还是举几 ...

  7. EJB (not bound)

    问题: 在代码实在找不到错误的情况下,仍然报:XXXX not bound 问题产生过程: 通过下图方式创建的项目:EJBTest2_1 勾选下面两项,即可生成:EJBTest2_1EJB 和 EJB ...

  8. 《Differential Equations with Boundary-Value Problems》-chaper2-一阶线性方程

    学习微分方程中,一个很常见的疑惑就是,我们所熟悉的非齐次微分方程的通解是对应齐次方程的通解加特解,但是更为重要的是,我们需要知道这句话是怎么得来的. 我们探讨一个未知问题的一般思路是将其不断的与已知已 ...

  9. 3 weekend110的shuffle机制 + mr程序的组件全貌

    前面,讲到了hadoop的序列化机制,mr程序开发,自定义排序,自定义分组. 有多少个reduce的并发任务数可以控制,但有多少个map的并发任务数还没 缓存,分组,排序,转发,这些都是mr的shuf ...

  10. java spring一个类型split的方法

    /** * Take a String which is a delimited list and convert it to a String array. * <p>A single ...