jQuery框架的基本使用和常用方法的介绍

最新推荐文章于 2024-04-09 23:57:59 发布

原创最新推荐文章于 2024-04-09 23:57:59 发布 · 602 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery

jQuery是一款高效、简洁的JavaScript框架，秉承'writeLess，DoMore'的设计理念，简化HTML文档操作、事件处理、动画设计和Ajax交互。本文介绍jQuery的下载、引入及基本语法，涵盖常用选择器如id、类、标签等，适合初学者入门。

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")