<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery-查找HTML元素</title> <!-- <script type="text/JavaScript" src="./js/jquery-3.4.1.js"></script> <script type="text/JavaScript"> $(document).ready(function(){ //测试text() $("#btn1").click(function(){ alert("文本内容: " + $("#test0").text()); }); }); </script> --> <script type="text/javascript"> // 在DOM加载完成后执行函数 document.addEventListener("DOMContentLoaded", function() { // 获取id为btn1的元素并添加点击事件处理函数 document.getElementById("btn1").addEventListener("click", function() { // 弹出id为test0元素的文本内容 alert("文本内容: " + document.getElementById("test0").textContent); }); }); </script> </head> <body> <p id="test0">床前明月光</p> <button id="btn1">显示文本text()</button> </body> </html>
分别用jquery和js修改页面元素
2024-08-23
43
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
分别用jquery和js修改页面元素
目录
相关文章
|
2月前
|
JavaScript
前端开发
程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素，但是它们之间有些细微的差别，稍不注意，就很容易弄错！
58
1
1
|
2月前
|
JavaScript
前端开发
js+jquery实现贪吃蛇经典小游戏
本项目采用HTML、CSS、JavaScript和jQuery技术，无需游戏框架支持。通过下载项目文件至本地，双击index.html即可启动贪吃蛇游戏。游戏界面简洁，支持方向键控制蛇移动，空格键实现游戏暂停与恢复功能。
69
14
14
|
2月前
|
JavaScript
前端开发
容器
|
2月前
|
JavaScript
|
2月前
|
JavaScript
前端开发
开发者
.js的dom元素操作
【10月更文挑战第29天】通过灵活运用这些 DOM 元素操作方法，JavaScript 可以实现丰富的网页交互效果，如动态更新页面内容、响应用户操作、创建和删除页面元素等。在实际开发中，开发者可以根据具体的需求和场景，选择合适的 DOM 元素操作方法来实现所需的功能，为用户提供更加流畅和动态的网页体验。
64
4
4
|
2月前
|
Web App开发
JavaScript
iOS开发
基于jquery开源的页面内模拟滚动条特效插件scrollbar
abcrollBar是一个基于jquery运行的开源滚动条特效插件，体积小巧使用简单的滚动条小插件，它可以通过鼠标中轴滑动页面内的模拟滚动条，或鼠标拖动滚动条查看滚动框架里的内容。支持自定义滚动条的样式，滚动条可选择横或竖呈现，默认也可选择显示或隐藏滚动条。
29
0
0
|
3月前
|
JavaScript
前端开发
开发者
|
3月前
|
移动开发
JavaScript
前端开发
|
3月前
|
JavaScript
|
2月前
|
JavaScript
定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图，默认左侧是页面主要内容，minimap.js的好处就是在它的右侧形成一个快速定位通道，产生一个缩小版的页面，即预览效果，可以点击并快速定位到页面的某个位置。简单实用，欢迎下载！
39
0
0
热门文章
最新文章
1
Node.js 的事件驱动机制
2
基于 JavaScript/VuePress 搭建的远程工作平台：YuanCheng.works
3
如何使用内存监控工具来优化 Node.js 应用的性能
4
html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
5
在 golang 中执行 javascript 代码的方案详解
6
Node.js新作《循序渐进Node.js企业级开发实践》简介
7
Node.js 的性能
8
基于SVG的js圆形菜单插件
9
如何使用内存快照分析工具来分析Node.js应用的内存问题？
10
Next.js 实战 (四)：i18n 国际化的最优方案实践
1
jquery获取子元素的一些方法
41
2
jquery选择器有哪些
39
3
jquery的一些方法
65
4
【Web 前端】jQuery 里的 each() 是什么函数？你是如何使用它的？
300
5
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
112
6
【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片？
244
7
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同？
178
8
【Web 前端】jQuery 库中的 $() 是什么？
419
9
jquery获取子元素的一些方法
68
10
JQuery的定义
65