欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JQuery介绍

程序员文章站 2024-02-01 20:42:22
一、简介: JQuery是一个JS代码仓库,是一个快速度的简介的JS库,可以简化查询DOM对象,处理时间,制作动画,处理Ajax交互过程。 二、优势: 1、体积小,使用灵巧(只需引入一个JS文件); 2、方便的选择页面元素(模仿CSS选择器更精确、灵活); 3、动态更改页面样式/页面内容(操作DOM ......

一、简介:

 jquery是一个js代码仓库,是一个快速度的简介的js库,可以简化查询dom对象,处理时间,制作动画,处理ajax交互过程。

二、优势:

1、体积小,使用灵巧(只需引入一个js文件);

2、方便的选择页面元素(模仿css选择器更精确、灵活);

3、动态更改页面样式/页面内容(操作dom、动态添加、移除样式)‘

4、控制响应事件(动态添加响应事件);

5、提供基本页面特效(提供已封存的页面特效方法);

6、快速实现通信(ajax);

7、易扩展、插件丰富。

三、引入(本地)jquery包:

<script type="text/javascript"  src="jquery.js"></script>

四、选择器:

1、基本选择器:

id选择器、标签选择器、类选择器、通配选择器、组选择器(无数量限制,以逗号隔开,逐个匹配,结果全部返回);

2、层级选择器:通过dom的嵌套关系匹配元素;

包含选择器$("a b")、子选择器$("parent>child")、相邻选择器$("prev+next")、兄弟选择器$("prev~ siblings");

3、常用伪类选择器:
:first 匹配找到的第一个元素;

:last 匹配找到最后一个元素;

:eq 匹配一个给定索引值的元素;

:even 匹配所有索引值为偶数的元素;

:odd 匹配所有索引值为奇数的元素;

:gt(index) 匹配所有大于给定索引值的元素;

:lt(index)匹配所有小于给定索引值的元素;

:not 去除所有给定选择器匹配的元素