发表于: 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选择器的集中类型。


返回列表 返回列表
评论

    分享到