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月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
57 5
|
25天前
|
JavaScript
jQuery实现的星级打分带评价及颜色区分代码
jQuery实现的星级打分带评价及颜色区分效果代码是一款支持自定义评论颜色的星级评价打分,其中红色为一星级,差评、绿色位五星级、满分好评,本段代码适应于所有网页使用,有需要的朋友们就来下载使用吧。
25 2
|
25天前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
1月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
88 6
|
2月前
|
Java BI API
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
这篇文章介绍了如何在Spring Boot项目中整合iTextPDF库来导出PDF文件,包括写入大文本和HTML代码,并分析了几种常用的Java PDF导出工具。
483 0
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
|
25天前
|
存储 移动开发 前端开发
|
2月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
25 1
|
2月前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
115 1
|
2月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
43 2
|
2月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
36 1