HTML---JQurey的基本使用

文章目录

本章目标

（1）能够搭建jQuery开发环境

（2）使用ready( )方法加载页面、掌握jQuery语法

• 使用addClass( )方法和css( )方法为元素添加CSS样式
• 使用next( )方法获取元素
• 会使用show( )和hide( )显示和隐藏元素

 一.JQuery下载安装

选择如下版本 

 将点击后生成的网页内容保存使用ctrl+s保存到电脑文件夹即可。

使用方法：

• 将保存的JQuery文件添加到需要使用的项目文件中

•  使用JQuery时，需使用如下代码：

<script src="jquery-3.7.1.js" type="text/javascript" charset="utf-8"></script>

二.JQuery概述

jQuery是一个JavaScript库，并提供了一个简洁而强大的API，使开发人员能够更容易地操作HTML元素、处理事件和执行动画。它使用CSS选择器来选择HTML元素，并提供了大量的方法来修改和操作这些元素。

jQuery还提供了大量的插件，使开发人员能够轻松地扩展其功能。这些插件包括图表、表单验证、日期选择器等等。

 JQuery的作用

• 访问和操作DOM元素
• 控制页面样式 对页面事件进行处理
• 扩展新的jQuery插件
• 与Ajax技术完美结合

 JQuery的优势

• 体积小，压缩后只有100KB左右
• 强大的选择器 出色的DOM封装
• 可靠的事件处理机制 出色的浏览器兼容性
• 使用隐式迭代简化编程
• 丰富的插件支持

JQUery示例 

$("tr:even").css("background-color","#e8f0f2");
分析：
$() ==> 代表工厂函数 ==>作用：将选中的选择器转化为JQuery对象
$("tr:even") ==> 代表JQuery对象 ==> tr:代表标签选择器用于选中表格 even:代表取复数

css("background-color","#e8f0f2"); ==》代表CSS样式

总结