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标签
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标签
相关文章推荐
- JS和jQuery通过this获取html标签中的属性值(实例代码)
- jQuery怎么获取本标签的html代码?而不是html(),因为html()代码获取的是标签内包含的html代码。
- jQuery .html()用为读取和修改元素的HTML标签 对应js中的innerHTML[通过ID获取元素]
- jquery获取标签里的值html,val,text
- jQuery获取标签文本内容和html内容的方法
- 如何使用jQUery获取选中radio对应的值(一句代码)
- 基于jQuery的获取标签名的代码
- 如何使用jQUery获取选中radio对应的值(一句代码)
- C#使用正则表达式获取HTML代码中a标签里包含指定后缀的href的值
- jquery 获取标签名(tagName)示例代码
- 基于jQuery的获取标签名的代码
- 关于jquery html()方法获取带有OBJECT标签的元素内容时,出现“类型不匹配。”的解决办法
- jquery获取节点的时候获取包含自己在内的HTML标签
- jquery的attr方法与ie7不兼容,js获取html标签自定义属性
- JQuery 获取自身的HTml代码
- html中的input标签的checked属性jquery判断代码
- SQL获取字段html代码中的img标签图片文件的路径
- jquery中html()或text()方法获取或设置p标签的值
- JQuery 获取指定url对应的html内容
- jsp中获取html代码里面的汉字,去除html代码里面的标签!!!!