您的位置:首页 > Web前端 > JQuery

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.1基本过滤选择器


图片

图片

以上便是基本过滤选择器,注意的一点是,如:$(div:first),选择的是众多div的第一个DIV而不是div的第一个子元素




3.2  内容过滤选择器
图片


3.3 可见性过滤选择器

图片

3.4 属性过滤选择器

图片

3.5 子元素过滤选择器

图片

3.6表单暂时不会,就没学。

好困啊,现在都12.35分了,可能有些地方写的不够精辟,以后加深理解都再来补吧。

又一天啦,活在独立的今天,做好今天的事。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: