jQuery新手知识总汇
2016-03-04 16:54
477 查看
一.Jquery主要特点。
1.轻量级:轻量级框架不带有侵略性API,对容器也没有依赖性,易于进行配置,易于通用,启动时间较短。这是轻量级框架相对于重量级框架的优势。轻量级框架和重量级框架的区别是什么?很多人以为是以框架之间的耦合性强弱作为判断标准。其实不然,实际上是以启动程序需要的资源来决定。比如,EJB启动的时候,需要消耗大量的资源,内存,CPU等,所以是重量级。而Spring则不,所以是轻量级框架。就是看加载的资源 spring也不能说是轻量级的 EJB默认在应用启动的时候把所有资源和服务都加载进来而spring则是你定制服务 需要什么开什么 如果把spring的所有服务都用上的话 可以认为你是用了一个重量级的框架,实质还是看框架所需要的系统资源大小。
2.强大的选择器:jquery可以使用CSS1到CSS3几乎所有的选择器,以及jquery独创的高级而复杂的选择器,另外还可以加入插件使其支持Xpath选择器。
3.出色的DOM操作的封装
4.可靠的事件处理机制。
5.完善的Ajax:jquery把所有的Ajax操作封装到一个函数$.ajax()里。
6.不污染的顶级变量:只建立一个名为jquery的对象,以致可以和其他类库兼容。
7.出色的浏览器兼容性。
8.炼式操作方式:即对发生在同一对象上的一组动作,可以直接连写而无需重复获取对象。
9.隐式迭代
10.行为层和结构层分离
11.丰富的插件支持。
12.完善的文档。
随笔:(我的随笔就是刚好学到一个新知识又无法进行归类的知识点。)
Jquery对象和DOM对象的区别和联系?
答:DOM对象:通过JavaScript中的getElementsByTagName()或者getElementbById()等DOM方法来获取的元素节点形成的对象,像这样得到的DOM元素就是DOM对象。DOM对象就可以使用JavaScript中的方法。
jQuery对象:就是通过jQuery包装DOM对象后产生的对象。因为jQuery本身就是JavaScript封装而来的,要获取一个元素节点,最底层也一定是先获取到DOM对象,然后再经过封装就可以形成jQuery对象。
jQuery对象和DOM对象虽然是有联系,但是他们的方法是不能相互使用的。但是有办法可以将jQuery对象转换成DOM对象,或者将DOM对象转换成jQuery对象。《锋利的jQuery P15》。
二,强大的选择器
(http://img.blog.csdn.net/20160304203815842)
jQuery的选择器,其选择大概分为基本选择器,层次选择器,过滤选择器,表单选择器。
1.基本选择器。
2.层次选择器
图片
图片
以上几张图简单明了,我已经挨个检测了一篇,应该看一遍就能记起来吧。
这里最主要的是要说一下next()方法和nextAll()方法。
next()可以替换掉$(‘prev+next’),那他到底取得是什么呢。
经过多次检测,我终于是搞明白了。
next()方法遍历的是它的下一个元素,注意,仅仅是下一个而已,没有第二个了。也就是同级的,排在它下一位的同胞元素。
而且它是可以接受再次选择的,如果再次选择的是和它的下一位元素是相同的,那么就会选择出来。
但是,如果再次选择的元素和它的下一位元素不相同的话,那么就会选择失败,也就是没有选择出来。
nextAll()方法遍历的是排在它后面的所有同胞元素,它也是可以接受再次选择的,再次选择的结果就是选出,在它后面的所有符合条件的元素
3.过滤选择器
过滤选择器又分为了几类,分别是:基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。
图片
图片
。
3.3 可见性过滤选择器
图片
3.4 属性过滤选择器
图片
3.5 子元素过滤选择器
图片
3.6表单暂时不会,就没学。
好困啊,现在都12.35分了,可能有些地方写的不够精辟,以后加深理解都再来补吧。
又一天啦,活在独立的今天,做好今天的事。
1.轻量级:轻量级框架不带有侵略性API,对容器也没有依赖性,易于进行配置,易于通用,启动时间较短。这是轻量级框架相对于重量级框架的优势。轻量级框架和重量级框架的区别是什么?很多人以为是以框架之间的耦合性强弱作为判断标准。其实不然,实际上是以启动程序需要的资源来决定。比如,EJB启动的时候,需要消耗大量的资源,内存,CPU等,所以是重量级。而Spring则不,所以是轻量级框架。就是看加载的资源 spring也不能说是轻量级的 EJB默认在应用启动的时候把所有资源和服务都加载进来而spring则是你定制服务 需要什么开什么 如果把spring的所有服务都用上的话 可以认为你是用了一个重量级的框架,实质还是看框架所需要的系统资源大小。
2.强大的选择器:jquery可以使用CSS1到CSS3几乎所有的选择器,以及jquery独创的高级而复杂的选择器,另外还可以加入插件使其支持Xpath选择器。
3.出色的DOM操作的封装
4.可靠的事件处理机制。
5.完善的Ajax:jquery把所有的Ajax操作封装到一个函数$.ajax()里。
6.不污染的顶级变量:只建立一个名为jquery的对象,以致可以和其他类库兼容。
7.出色的浏览器兼容性。
8.炼式操作方式:即对发生在同一对象上的一组动作,可以直接连写而无需重复获取对象。
9.隐式迭代
10.行为层和结构层分离
11.丰富的插件支持。
12.完善的文档。
随笔:(我的随笔就是刚好学到一个新知识又无法进行归类的知识点。)
Jquery对象和DOM对象的区别和联系?
答:DOM对象:通过JavaScript中的getElementsByTagName()或者getElementbById()等DOM方法来获取的元素节点形成的对象,像这样得到的DOM元素就是DOM对象。DOM对象就可以使用JavaScript中的方法。
jQuery对象:就是通过jQuery包装DOM对象后产生的对象。因为jQuery本身就是JavaScript封装而来的,要获取一个元素节点,最底层也一定是先获取到DOM对象,然后再经过封装就可以形成jQuery对象。
jQuery对象和DOM对象虽然是有联系,但是他们的方法是不能相互使用的。但是有办法可以将jQuery对象转换成DOM对象,或者将DOM对象转换成jQuery对象。《锋利的jQuery P15》。
二,强大的选择器
(http://img.blog.csdn.net/20160304203815842)
jQuery的选择器,其选择大概分为基本选择器,层次选择器,过滤选择器,表单选择器。
1.基本选择器。
注意:最后那种称为并集选择器,其中的每个分隔都可以是任何类型的选择器,中间用逗号分开。
2.层次选择器
图片
图片
图片
以上几张图简单明了,我已经挨个检测了一篇,应该看一遍就能记起来吧。
这里最主要的是要说一下next()方法和nextAll()方法。
next()可以替换掉$(‘prev+next’),那他到底取得是什么呢。
经过多次检测,我终于是搞明白了。
next()方法遍历的是它的下一个元素,注意,仅仅是下一个而已,没有第二个了。也就是同级的,排在它下一位的同胞元素。
而且它是可以接受再次选择的,如果再次选择的是和它的下一位元素是相同的,那么就会选择出来。
但是,如果再次选择的元素和它的下一位元素不相同的话,那么就会选择失败,也就是没有选择出来。
nextAll()方法遍历的是排在它后面的所有同胞元素,它也是可以接受再次选择的,再次选择的结果就是选出,在它后面的所有符合条件的元素
3.过滤选择器
过滤选择器又分为了几类,分别是:基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。
3.1基本过滤选择器
图片
图片
以上便是基本过滤选择器,注意的一点是,如:$(div:first),选择的是众多div的第一个DIV而不是div的第一个子元素
。
3.2 内容过滤选择器 图片
3.3 可见性过滤选择器
图片
3.4 属性过滤选择器
图片
3.5 子元素过滤选择器
图片
3.6表单暂时不会,就没学。
好困啊,现在都12.35分了,可能有些地方写的不够精辟,以后加深理解都再来补吧。
又一天啦,活在独立的今天,做好今天的事。
相关文章推荐
- jQuery Mockjax使用总结
- JQuery中window.onload的实现
- JQuery_JQuery选择器(:nth-child(n))详解
- JQuery实现input上传图片显示缩略图
- 2016 使用seajs时如何模块化jquery
- jquery 多选下拉框
- jquery中断(取消/abort)ajax请求
- JQuery增删改查
- jquery validation plugin
- Jquery选择兄弟元素
- jquery获取标签中的值
- JQuery学习(1)
- 简单的jQuery banner图片轮播实例代码
- 开发--jquery实现前后时间判断
- Jquery对select 和option 的使用
- jquery元素插入、删除、清空
- 强大的提交框:jquery.jbox
- Jquery各Ajax函数
- zepto与jquery冲突的解决
- jquery实现右侧栏菜单选择操作