jQuery从html代码中获取对应标签的写法

简介:

#################################常用的标签选择器#########################################


1、示例代码

<div id='t1'></div>

获取id为t1标签

$('#t1')


2、示例代码

<div class='t2'></div>

获取div标签

$('.t2')

3、示例代码

<p>dagagagragag</p>

<p>dagagagragag</p>

获取所有的p标签

$('p')


4、示例代码

<div id='tt'>

   <div class='t3'>

       <p></p>

      <span></span>

   </div>

</div>

获取id为tt的标签和p标签以及span标签

 $("#tt p span")

注意空格的用法


5、示例代码

<p class='t5'></p>

<div class='t5'></div>

<span></span>

<a></a>

如果找找到该代码中所有的t5标签和span标签以及a标签,则用如下方法:

$('.t5 ,a,span')

注意逗号的用法


########################################属性选择器#########################################

$(":text")

<===>

$("input[type='text']")


text password是只有input标签才有的类型,即text、password是input标签专属类型,其他标签不具有的.

所以我们在找如如下代码中可以用如下使用方法:

<form>

    <input type="text" />

    <input type='password'/>

    <input type='submit'/>

</form>

如果要获取类型为text的input标签正确的方法是:

$('input[type='text'])

又因为text类型是input标签专属类型,所以可以直接简写为

$(':text')

同样,可以使用

$(':text,:password')获取对应的input标签




      本文转自027ryan  51CTO博客,原文链接:http://blog.51cto.com/ucode/1850562 ,如需转载请自行联系原作者






相关文章
|
2天前
|
JavaScript
jQuery+HTML5实现的微信大转盘抽奖源码
这是一款基于jQuery+HTML5实现的微信大转盘抽奖效果源码,是一款可配置奖品抽奖的jQuery大转盘抽奖代码,可实现点击按钮转轮旋转实现抽奖功能,效果逼真自然,代码里面有详细的注释,可以修改文字或者二次开发都可以
23 11
|
2月前
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
99 49
|
2月前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
53 5
|
2月前
|
JavaScript
基于jQuery实现文字点击验证代码
jQuery文字点击验证代码基于jquery-3.4.1.min.js制作,按顺序,依次点击文字通过验证。
36 5
|
2月前
html实现的破碎拼接文字动画特效代码
html实现的破碎拼接文字动画特效代码是一段会自动产生文字依次破碎再拼接的效果,非常的炫。欢迎对此段代码感兴趣的朋友前来下载使用。
44 1
|
2月前
|
JavaScript
jQuery实现的星级打分带评价及颜色区分代码
jQuery实现的星级打分带评价及颜色区分效果代码是一款支持自定义评论颜色的星级评价打分,其中红色为一星级,差评、绿色位五星级、满分好评,本段代码适应于所有网页使用,有需要的朋友们就来下载使用吧。
33 2
|
2月前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
2月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
148 6
|
3月前
|
Java BI API
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
这篇文章介绍了如何在Spring Boot项目中整合iTextPDF库来导出PDF文件,包括写入大文本和HTML代码,并分析了几种常用的Java PDF导出工具。
753 0
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
|
2月前
|
存储 移动开发 前端开发