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

 时间:2024-10-04 13:25:54

在写前端页面过程中,会遇到通过点击事件获取文本内容的需求。今天给大家讲解下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如何点击获取标签里的文字

jquery怎样给input自定义属性? js如何设置input的默认值 js中如何删除指定位置的元素 onchange事件怎么用 jquery如何将select选项全部删除
热门搜索
模特图片大全 酒窖图片 农民画图片 女安慰自己动手图片 炖菜菜谱大全带图片