【锋利的jQuery】学习笔记01
第一章 认识jQuery
一、常见的JS库
- Prototype 最早的js库之一。把好用JS方法组合,缺点结构松散。
- Dojo 离线存储API、生成图标组件、矢量图形库、Comet支持。企业级JS库,缺点文档不全、API不稳定。
- YUI 雅虎开发的富交互网页程序工具集。
- Exit JS侧重界面
- MooTools 模块化思想的轻量级JS框架
- jQuery 轻量级、强大选择器等。
二、jQuery优势
- 轻量级 30K左右
- 强大选择器
- 出色DOM封装
- 可靠的事件处理机制
- Ajax完善
- 不污染顶级变量
- 浏览器兼容
- 链式调用
- 隐式迭代
- 行为结构分离
- 插件丰富
- 文档完善
- 开源
三、编写注意事项
链式调用是应该注意:
- 同一对象不超过3个操作,直接写为一行
- 同一对象较多操作,每行写一个操作
- 多个对象的少量操作,每对象写一行(子元素缩进)
四、jQuery对象和DOM对象
DOM对象是直接从DOM树获取的对象,可以使用JS方法,不可以使用jQuery方法。jQuery对象是指jQuery包装后的DOM对象,可以使用jQuery方法,不可以使用JS方法(通过jQuery对象获取的变量在前面加$以作区分)。
两者相互转换:
- jQuery对象转换为DOM对象:
- [index] var dom=$("div")[0];
- get(index) var dom=$("div").get(0);
- DOM对象转换为jQuery对象: 直接使用$()打包DOM对象即可。
五、jQuery与其他JS库冲突解决($的让渡问题)
对于jQuery,全局变量被存储在自己的命名空间中一般与其他库没有冲突
- jQuery库在其他库后引入
jQuery.noConflict(); //将变量$控制权让给其他库
jQuery(function(){ //使用jQuery
// 书写jQuery程序;
});
2.
var $j=jQuery.noConflict(); //自定义一个快捷方式
$j(function(){ //使用jQery,利用自定义的快捷方式——$j
//书写jQuery程序;
});
如果不想自定义还想使用$(),不管其他库$()方法,又不想与其他库冲突。使用:
jQuery.noConflict(); //将变量$控制权让给其他库
jQuery(function($){ //使用jQery设定页面加载时执行的函,在函数内部继续使用$()
//书写jQuery程序;
});jQuery.noConflict(); //将变量$控制权让给其他库
(function($){ //定义匿名函数并设置形参为$,匿名函数内部的$均为jQery,在函数内部继续使用$()
$(function(){
// 书写jQuery程序;
});
})(jQuery) ;
- jQuery库在其他库前引入
无需调用jQuery.noConflict(),直接使用jQuery做jQuery的是,其他函数库使用$()。
【锋利的jQuery】学习笔记01的更多相关文章
- JQuery学习笔记--01
JQuery使用的话,必做的一下件事就是下载JQuery库,才可以使用下载地址:http://jquery.com/ 下面就是引用JQuery库了: <script type="tex ...
- jQuery学习笔记01
1.jQuery介绍 1.1什么是jQuery ? jQuery,顾名思义,也就是JavaScript和查询(Query),它就是辅助JavaScript开发的js类库. 1.2 jQuery核心思想 ...
- 锋利的JQuery 学习笔记
第一章 认识JQuery ·页面加载事件(可以写多个ready())$(document).ready(function(){alert(“hello world”);} ...
- JQuery 学习笔记(01)
JQuery是继prototype之后又一个优秀的Javascript库.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Oper ...
- 锋利的jquery学习笔记
1.$("#tt")获取的永远都是一个jquery对象,所以要判断页面上是否存在某个对象不能像js中 if($("#tt")){ } 而是通过: ){ } ps ...
- 锋利的jQuery学习笔记之jQuery选择器
在介绍jQuery选择器之前,先简单介绍一下CSS选择器---> 一.CSS选择器 常见的CSS选择器有以下几种: 选择器 语法 描述 示例 标签选择器 E{CSS规则} 以文档元素为选择符 t ...
- jQuery 学习笔记:jQuery 代码结构
jQuery 学习笔记:jQuery 代码结构 这是我学习 jQuery 过程中整理的笔记,这一部分主要包括 jQuery 的代码最外层的结构,写出来整理自己的学习成果,有错误欢迎指出. jQuery ...
- jQuery学习笔记(一)jQuery选择器
目录 jQuery选择器的优点 基本选择器 层次选择器 过滤选择器 表单选择器 第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQue ...
- jQuery 学习笔记
jQuery 学习笔记 一.jQuery概述 宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById( ...
- 软件测试之loadrunner学习笔记-01事务
loadrunner学习笔记-01事务<转载至网络> 事务又称为Transaction,事务是一个点为了衡量某个action的性能,需要在开始和结束位置插入一个范围,定义这样一个事务. 作 ...
随机推荐
- 读书笔记-----Java并发编程实战(二)对象的共享
public class NoVisibility{ private static boolean ready; private static int number; private static c ...
- php Laravel 框架 介绍及安装
Laravel是一套简洁.优雅的PHP Web开发框架(PHP Web Framework).它可以让你从面条一样杂乱的代码中解脱出来:它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁.富于 ...
- perl 初始化Hash
Vsftp:/root/perl/6# cat a5.pl use Data::Dumper; my @arr=qw/a bc d /; my %rec=(); for $field (@arr){ ...
- oracle时间模型
Oracle在9i或者早期的版本,对于性能优化方面,主要采用命中率模型,后面的版本,也保留着命中率模型,比如在awr报告中,Instance Efficiency Percentages (Targe ...
- bzoj1202
很久以前写的,忘补解题报告了首先似乎dfs就可以了吧?但还有更高大上的做法其实这东西就是告诉sum[y]-sum[x-1]=z然后给出一堆看成不成立可以用并查集,维护每个点到father点的差即可 . ...
- bzoj1237
假如不存在相等的两个数不能配对,那很容易贪心得到,A中rank 1匹配B中rank 1 A中rank2 匹配B中rank 2…… 有了相等不能匹配这个条件,那么A中rank i可能和rank i,i- ...
- 单实例 winform zz
(引用了 Microsoft.VisualBasic.ApplicationServices)SingleInstanceApplicationWrapper.cs using System.Wind ...
- C#后台执行bat
C#后台执行bat ProcessStartInfo p = new ProcessStartInfo(); p.FileName = "C:\\1.bat"; p.WindowS ...
- python 零散记录(七)(上) 面向对象 类 类的私有化
python面向对象的三大特性: 多态,封装,继承 多态: 在不知道对象到底是什么类型.又想对其做一些操作时,就会用到多态 如 'abc'.count('a') #对字符串使用count函数返回a的数 ...
- Ubuntu下安装PAC Manager
在Windows下习惯使用XShell.PAC Manager其实就是一个在Linux系统类似XShell的工具. 下载地址: https://sourceforge.net/projects/pac ...