首页 > 代码库 > 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代码中获取对应标签的写法