您的位置:首页 > Web前端 > JQuery

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

2016-09-08 09:12 405 查看
#################################常用的标签选择器#########################################

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标签
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  标签