ITPub博客

首页 > IT职业 > IT生活 > jQuery从html代码中获取对应标签的写法

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

IT生活 作者:cylong 时间:2021-09-09 10:06:56 0 删除 编辑


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标签


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2005/viewspace-2816677/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-16

  • 博文量
    106
  • 访问量
    1359