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

Posted 2020-08-07

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

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