发表于: 2018-12-23 22:43:10
1 754
今天完成的事:
什么是jQuery
jQuery,顾名思义,也就是JavaScript和Query(查询),即辅助JavaScript开发的库。jQuery是全球最流行用得最多的JavaScript库,没有之一。
其实jQuery就是用JavaScript来写的,它只是把我们在JavaScript中最常用的的功能封装起来,以方便我们快速开发。
jQuery具有以下优点:
(1)代码简洁
(2)完美兼容
(3)强大的选择器
(4)轻量级
(5)完善的Ajax
(6)丰富的插件
“简洁与高效”是jQuery最大的特点。。
在原生JavaScript中,如果想要选取元素,只能使用getElementById()、getElementByName、getElementByTagName()等几种有限的方法来获取,让人有一种力不从心、抓襟见肘的感觉。但是jQuery为我们提供了大量的选择器,极大地方便了我们快速选择元素来进行各种操作。
选择器,就是一种选中页面元素的方式。只要把元素选中,我们才能对被选中的元素进行各种操作。不同的选择器,在于它们选取方式的不同。
jQuery的选择器完全是继承了CSS选择器的风格。
jQuery选择器,我按照自己的经验分为2大类:(1)基础选择器;(2)伪类选择器。在jQuery中,基础选择器是最常用的一类选择器,包括:
(1)基本选择器;
(2)层次选择器;
(3)属性选择器;
所谓的基本选择器,指的是在jQuery中使用最频繁的选择器。
在jQuery中,基本选择器共有5种:
(1)元素选择器;元素选择器,就是“选中”相同的元素,然后对相同的元素进行操作。
(2)id选择器;就是选中某个id的元素,然后对该元素进行各种操作。有一定要注意的就是:同一页面不允许出现相同id的元素。
(3)class选择器;class选择器,就是我们常说的“类选择器”。我们可以对“相同的元素”或者“不同的元素”设置一个class(类名),然后针对这个class的元素进行各种操作。
(4)群组选择器;群组选择器,就是同时对几个选择器进行相同的操作。
(5)*选择器:*选择器,也成为“全选选择器”,用于选择所有的元素。在CSS中,我们常常用*选择器来去除所有元素默认的padding和margin。
层次选择器
层次选择器,就是通过元素之间的层次关系来获取元素。层次选择器在实际开发中,也是相当重要的。常见的层次关系包括:父子、后代、兄弟、相邻。
在jQuery,层次选择器共有4种:
其实jQuery层次选择器可以划分为2组,对比一下:
(1)“后代选择器”和“子代选择器”;
(2)“兄弟选择器”和“相邻选择器”;
属性选择器
属性选择器,指的是根据元素属性进行选择的一种方式。
明天计划的事:将任务二静态页面做出来 ,使用js为页面添加tab栏。
遇到的问题:暂无。
收获:学习了什么是jQuery 以及jQuery选择器的集中类型。
评论