首页 > 代码库 > jQuery从html代码中获取对应标签的写法
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标签
本文出自 “平平淡淡才是真” 博客,请务必保留此出处http://ucode.blog.51cto.com/10837891/1850562
jQuery从html代码中获取对应标签的写法