【锋利的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的性能,需要在开始和结束位置插入一个范围,定义这样一个事务. 作 ...
随机推荐
- Knockout绑定audio的pause事件导致音频无法停止
...时间过得真快, 一晃4天已经过去了, 然而自己并没有动笔写什么. 自省. 看了看今天的工作, 感觉好像没什么可写的. 不禁在想是不是一天一篇有点儿难. 再一想, 这分明就是在给自己找理由. 就是 ...
- Jquery 获取表单值如input,select等方法
1 if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾 name即控件name属性,va ...
- (转载)Flash Builder和flashdevelop 常用快捷键
(转载)http://www.fantxi.com/blog/archives/fb-fd-shortcut/ =========flashdevelopCtrl+B - snippetsctrl+s ...
- Normal Vector Using WorldInverseTranspose
shader里面经常看到normal向量是用WorldInverseTranspose矩阵做变换的,有时候也可以用WorldMatrix变换. 原理: If your object is only e ...
- objective-c中点语法的使用
点语法的作用:提供一种访问属性的setter和getter的机制. 用法举例: 1.创建一个Person类,并声明属性.在person.h中. 2.实现一个init方法,并使用点语法等.在pers.m ...
- 有两个数组a,b,大小都为n,;通过交换a,b中的元素,使sum(a)-sum(b)最小。
有两个数组a,b,大小都为n,数组元素的值任意整形数,无序: 要求:通过交换a,b中的元素,使数组a元素的和与数组b元素的和之间的差最小. 当前数组a和数组b的和之差为 A = sum(a) - ...
- wxWidgets一个界面与数据分离的简单例子
/*************************************************************** * Name: MyApp.h * Purpose: Defines ...
- Delphi 7下使用Log4Delphi 0.8日志组件
Log4Delphi是一个开放源码项目,旨在制作用于Borland的Delphi高质量实用的日志套件,是基于Apache Software Foundation的log4j包. 安装: ...
- HDU 4714 Tree2cycle DP 2013杭电热身赛 1009
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4714 Tree2cycle Time Limit: 15000/8000 MS (Java/Other ...
- Codeforces 294E Shaass the Great
树形DP.由于n只有5000,可以直接枚举边. 枚举边,将树分成两个子树,然后从每个子树中选出一个点分别为u,v,那么答案就是: 子树1中任意两点距离总和+子树2中任意两点距离总和+子树1中任意一点到 ...