养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jquery如何点击获取标签里的文字

时间:2024-10-04 11:27:24

在写前端页面过程中,会遇到通过点击事件获取文本内容的需求。今天给大家讲解下jque筠续师诈ry如何点击获取标签里的文字

工具/原料

华硕S14

window10家庭版

Hbuilder

方法/步骤

1、打开编辑器,新建test.html页面,用于讲解今天的内容

jquery如何点击获取标签里的文字

2、在页面头部head标签下方引入jquery插件

jquery如何点击获取标签里的文字

3、在页面内新建一个class名称为test的div,并在里面输入文字

jquery如何点击获取标签里的文字

4、在页面body标签下方写上<script></script>挢旗扦渌;,用来存放js代码。通过class定位到div,通过text()方法获取标签内文字

jquery如何点击获取标签里的文字

5、使用console.log打印出得到的文字内容

jquery如何点击获取标签里的文字

6、打开浏览器,先点击标签,然后查看console.log打印的结果,发现标签里的文字已被打印出来

jquery如何点击获取标签里的文字

© 一点知识