jQuery简介与基础教程

最新推荐文章于 2024-04-27 18:00:34 发布

赎罪゛

最新推荐文章于 2024-04-27 18:00:34 发布

阅读量1.8w

点赞数 1

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/weixin_66123436/article/details/126979587

版权

jQuery 是一个快速，小型且功能丰富的 JavaScript 库。借助易于使用的 API（可在多种浏览器中使用），它使 HTML 文档的遍历和操纵，事件处理，动画和 Ajax 等事情变得更加简单。

jQuery 库 - 特性
jQuery 是一个 JavaScript 函数库。
jQuery 库包含以下特性：
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities

jQuery 事件函数
jQuery 事件处理方法是 jQuery 中的核心函数。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。
通常会把 jQuery 代码放到 <head>部分的事件处理方法中：

实例：

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>

<body>
<p>If you click on me, I will disappear.</p >
</body>
<html>

获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：
实例：
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});

下面的例子演示如何通过 jQuery val() 方法获得输入字段的值：
实例：
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});

赎罪゛

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery简介与基础教程

jQuery 是一个快速，小型且功能丰富的 JavaScript 库。借助易于使用的 API（可在多种浏览器中使用），它使 HTML 文档的遍历和操纵，事件处理，动画和 Ajax 等事情变得更加简单。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。html() - 设置或返回所选元素的内容（包括 HTML 标记）jQuery 事件处理方法是 jQuery 中的核心函数。获得内容 - text()、html() 以及 val()text() - 设置或返回所选元素的文本内容。
复制链接

扫一扫