【锋利的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的性能,需要在开始和结束位置插入一个范围,定义这样一个事务. 作 ...
随机推荐
- in an effort to
What does "in an effort" to mean? I personally consider in an effort to a stock phrase1. T ...
- delphi中EmbeddedWB网页html相互调用(二)
我们可以通过控件 EmbeddedWB_D5-D2010_Version_14.69.1 来响应html事件,还可以自定义html响应哪些html元素. 控件下载 点击下载 里面有demos文件夹大家 ...
- 利用if else 求房贷
static void Main(string[] args) { while (true) //主要就是公式的运用和if else 的嵌套 ...
- -_-#【video】
视频 HTML5 视频 HTML5的视频格式之争 移动端HTML5<video>视频播放优化实践 后备
- 【转】windows7 64位系统认不出8g内存显示只有3G可用
原文网址:http://www.jb51.neos/windows/93721.html 我的电脑安装的是Win7 64位系统,当时内存是用的8G的,系统里面显示出来只有3.00G可用,真是崩溃啊 ...
- ETL构建数据仓库五步法
原文:http://huangy82.blog.163.com/blog/static/49069827200923034638409/ ETL构建企业级数据仓库五步法 在数据仓库构建中,ETL贯穿于 ...
- sort()函数与qsort()函数及其头文件
sort()函数与qsort()函数及其头文件 sort()函数是C++中的排序函数其头文件为:#include<algorithm>头文件: qsort()是C中的排序函数,其头文件为: ...
- JavaScript高级程序设计23.pdf
document对象作为HTMLDocument的一个实例,它还有一些标准的Document对象所没有的属性,这些属性提供了网页上的一些信息 //取得文档标题 var title1=document. ...
- 使用.htaccess实现apache URL重定向
一.什么是URL重定向? URL重定向(URL redirection,或称网址重定向或网域名称转址),是指当使用者浏览某个网址时,将他导向到另一个网址的技术. 二.URL重定向怎么配置? 1)首先需 ...
- SQL语句的增删改查
一.增:有2种方法 1.使用insert插入单行数据: 语法:insert [into] <表名> [列名] values <列值> 例:insert into Strdent ...