jQuery简介
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的使用
1.下载好jQuery的库文件
2.在编辑器中用script标签引入jQuery库文件
例:<script src="jquery.js"></script>
3.在<script></script>
中使用jQuery
jQuery的基本语法
jQuery库文件是一个封装好的函数,其暴露出了两个变量值:$
和jQuery
,二者其实是同一个变量,用其中任意一个皆可,下文中以$
为例
jQuery的常用选择器
选择器 | 说明 |
---|---|
id选择器 | 根据id名获取页面元素,例:$("#box") |
类选择器 | 根据类名获取页面元素,例:$(".box") |
标签选择器 | 根据标签名获取页面元素,例:$(“span”) |
属性选择器 | 根据属性获取页面元素,例:$(“input[name=hello]”) |
后代选择器 | 根据包含关系获取页面元素,例:$("#box h1")选择元素box中的h1标签 |
子选择器 | 根据父子关系获取页面元素,例:$("#box>h1")选择元素box中的子元素h1 |
群组选择器 | 根据群组关系获取页面元素,例:$("#box,.box,span") |