18720358503 在线客服 人才招聘 返回顶部
企业动态 技术分享 行业动态

微信小程序开发_jQuery完成获取h1

2021-01-12分享 "> 对不起,没有下一图集了!">
jQuery实现获取h1-h6标题元素值的方法       这篇文章主要介绍了jQuery实现获取h1-h6标题元素值的方法,涉及$( :header )选择器操作h1-h6元素及事件响应相关技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现获取h1-h6标题元素值的方法。分享给大家供大家参考,具体如下:

1、问题背景:

查找到h1-h6,并遍历它们,打印出内容

2、实现代码:

 !DOCTYPE html 
 html 
 head 
 meta charset="utf-8" / 
 title 查找标题 /title 
 script type="text/javascript" src="jquery-1.7.2.min.js" /script 
 script 
 $(function(){
 //查找h1-h6
 $(":header").each(function(){
 $(this).click(function(event){
 (event.target.innerText);
 console.log(event.currentTarget.innerHTML);
 /script 
 /head 
 body 
 h1 Hello H1 /h1 
 h2 Hello H2 /h2 
 h3 Hello H3 /h3 
 h4 Hello H4 /h4 
 h5 Hello H5 /h5 
 h6 Hello H6 /h6 
 /body 
 /html 

3、运行效果图:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《》

希望本文所述对大家jQuery程序设计有所帮助。


"> 对不起,没有下一图集了!">
在线咨询