【jQuery基础学习】00 序
作为一个从来没有认真学过jQuery的菜来讲，我所学的都是jQuery基础。
算是让自己从0开始系统学一遍吧。学习书籍为：《锋利的jQuery》。
虽然是个序，表示一下我是个菜，但还是来几个jQuery最基本的点吧。
- $是jQuery的简写形式，$("#divId")和jQuery("#divId")是一样的效果。其实看到这个，学过JS的人都应该很清楚了，jQuery就是个函数对象，有个别名叫$
<html>
<head>
<script src="jquery-2.2.0.min.js"></script>
<script>//因为放在一个文件里比较直观，所以并没有用单独的js文件写js代码
$(document).ready(function(){//页面加载玩Dom结构后执行
alert("Hello world!");
});
$(function(){//这是上面那种写法的简写模式
alert("Hello world!");
});
</script>
</head>
<body>
</body>
</html>
jQuery可以用链式操作风格，目测就是JS函数执行完后返回this以实现这种风格。下面是对链式风格的建议：
- 对于同一对象的链式操作，不超过三个的可以写成一行
- 对于同一对象的链式操作，超过三个的建议每行写一个操作
- 对于多个对象的少量操作，可以每个对象写一行，如果涉及子元素，可以适当缩进
- jQuery与Dom对象的关系
- DOM(Document Object Model,文档对象模型)，每一分DOM都可以表示为一个树
- jQuery对象是通过jQuery包装DOM对象后产生的对象，在jQuery里无法使用DOM对象的任何方法。
- 如果我们在写代码的时候得到的是一个jQuery对象，那么就在变量命名的前面加一个$,这样阅读代码更简单一点。
- jQuery提供了两种方法将一个jQuery对象转换为DOM对象，即[index]和get(index).
- 而DOM对象转换为jQuery对象只需要用$(DOM对象)即可
- jQuery与其它库的冲突
- 在jQuery库中，几乎所有插件都被限制在他自己的命名空间中。因此将jQuery对象和其它库（如：YUI，MooTools）放到一起使用不会出现冲突。
- 可以用jQuery.noConflict()将控制权移交给其它库。
//jQuery在其它库之后导入
//如果要用$来操作其它库的$方法
var $j=jQuery.noConflict();//自定义一个快捷方式
$j(document).ready(function(){//可以使用$j来当做$调用jQuery
alert("Hello world!");
});
//如果坚持要用$来操作jQuery方法
//虽然作者给出了解决方法，但是我依然不想理会，因为它会比上面的方式难懂
//所谓更难理解阅读，并且有上面那种好的方案替代，那么在我的脑海里就表示难以阅读的方法是错的，我选择看不见 //jQuery在其它库之前导入
//那么直接用jQuery代替$操作jQuery好了，无需调用jQuery.noConflict()方法
jQuery(document).ready(function(){
alert("Hello world!");
});
【jQuery基础学习】00 序的更多相关文章
- JQuery基础学习总结
JQuery基础学习总结 简单总结下JQuery: 一:事件 1.change事件 <!DOCTYPE html> <html lang="en"> < ...
- 【jQuery基础学习】09 jQuery与前端（这章很水）
这章主要是将如何将jQuery应用到网站中,或者说其实就是一些前端知识,对于我这种后端程序来说其实还是蛮有用的. 关于网站结构 文件结构 前端文件分三个文件夹放 images文件夹用来存放将要用到的图 ...
- jQuery 基础学习笔记总结（一）
Jquery 学习笔记 总结 感想: 此前在做站点时用到过jquery相关,特别是Ajax相关技术.但是并没有系统的进行学习和了解Jquery的强大的功能,趁这几天跟着资料基本的了解下Jquery的特 ...
- 【总结整理】JQuery基础学习---动画
jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的st ...
- Linux 基础学习篇 序篇
读序篇可以知道的: 1.有些指令知道前和知道后,自己的操作是完全不同的,可能知道前,会用reset把系统重新启动一遍,而知道后会使用ps和kill来关闭进程. 2.如果对Linus的学习知识" ...
- 【jQuery基础学习】12 jQuery学习感想
学习完<锋利的jQuery>,用时13天. 这期间,私底下又用了一点时间去W3C上把HTML和CSS重新过了一遍. 总的来说,收获还是蛮多的. 其实在本书里面真正重要的也就前几章,后面的都 ...
- 【jQuery基础学习】08 编写自定义jQuery插件
目的:虽然jQuery各种各样的功能已经很完善了,但是我们还是要学会自己去编写插件.这样我们可以去封装一些项目中经常用到的专属的代码,以便后期维护和提高开发效率. jQuery插件的类型: 封装对象方 ...
- 【jQuery基础学习】06 jQuery表单验证插件-Validation
jQuery的基础部分前面都讲完了,那么就看插件了. 关于jQuery表单验证插件-Validation validation特点: 内置验证规则:拥有必填.数字.E-Mail.URL和信用卡号码等1 ...
- jQuery基础学习(二)—jQuery选择器
一.jQuery基本选择器 1.CSS选择器 在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器 语法 描述 示例 标签选择器 E { ...
随机推荐
- 通过transform属性改变图片的位置大小等信息
对UIImageView的位置大小方向的改变可以通过改变其transform属性值实现. 位置改变: var transform = CGAffineTransformMakeTranslation( ...
- android studio 中查找代码中的硬编码
在Android Studio中同时按下Ctrl + Shift+ F 或者其他自定义的快捷键,打开全局搜索,在全局搜索中输入 ^((?!(\*|//)).)+[\u4e00-\u9fa5] 并打勾 ...
- iOS杂谈-我为什么不用Interface builder
在互联网上关于Interface Builder的争吵每天都在发生,用和不用大家都有一大堆的理由.最近看了这篇文章,很多地方和作者有共鸣,结合自己的一些经历,就有了你现在所看到的东西,你可以把它当成前 ...
- Pro ASP.NET MVC –第六章 MVC的基本工具
在本章,我们将介绍每个MVC程序员"武器库"的三个重要工具:依赖注入容器.单元测试框架和mock工具.在本书,对于三个工具分别都只用了一种方式实现,但每个工具都还有其他的实现方式. ...
- [原创]自定义BaseAcitivity的实现，统一activity的UI风格样式
在开发过程中经常遇到多个activity是同一种样式类型的情况,如果分别对其进行UI的布局,不但比较繁琐,而且后续维护过程人力成本很高,不利于敏捷开发.解决的方案是采用抽象后的BaseActi ...
- 使用DOSBox在Win7_x64下搭建汇编环境
1. 软件安装 1. debug.exe,masm.exe,link.exe,edit.com等汇编工具,一般32位的windows系统有自带,但64位系统下并没有,而且将32位系统下的工具拷贝到64 ...
- aiku给你们最真心地学习建议--转
aiku给你们最真心地学习建议: 以前我最开始的就搞驱动,后来发现要熟悉hal层,接着就硬着看hal代码,第一次看,很剧痛,慢慢的,看习惯了,就好了,后来发现,搞驱动的人,不懂hal,很多时候就定位 ...
- Eplan转载
引言:标准化工程设计理念成功实施后之后,清晰透明的管理流程将水到渠成,过往繁复无比的流程得以简化,管理与被管理者皆愿欣然承受. 市场竞争日趋激烈的今天,对用户需求.市场的快速响应,尽量地控制成本是企业 ...
- 提高c++性能的编程技术笔记
需要时再创建对象,比如在类中用if new 而不是在构造函数里创建类的成员. 用char 指针而不是string可以节省构造和析构string的开销. 虚函数无法内联的性能损失.
- 理解RxJava:(二)Operator，Operator
在第一部分,我讲解了RxJava的基本结构,也介绍了map()操作.然而,我能理解你仍旧不会选择使用Rxjava--你仍然还有很多东西没有学到.但是这个情况将很快得到改变.Rxjava一大部分的能力是 ...