jQuery-属性选择器

原创 2016年06月01日 23:31:26
$("li:first"),得到一组相同标签中的第一个元素
$("li:last"),得到一组相同标签中的最后一个元素


$("list:eq(index)"),灵活的选取一组中任意一个元素


$("list:contains('土豪')"),按照文本内容来查找一个或多个元素,它的功能是选择包含指定字符串的全部元素


$("list:has(‘selector’)"),按照包含的元素名称来过滤。它是为了获取选择器中包含指定元素名称的全部元素。加不加‘ ’无所谓


$(":hidden"),获取全部不可见元素。若是$("p:hidden"),则是获取隐藏的p元素




hidden是html5的全局属性,是指可以对任何元素都可以使用的元素


input标签有个type属性,规定了元素的类型,比如button、image等。还有一个类型:hidden,定义一个隐藏的输入字段。
如:<input type="hidden" value="这是隐藏起来的">则在网页中它不被看见


style是一个全局属性,规定了行内样式。如:<p style="color:red">This is a paragraph.</p>    而我们用css来专门负责样式。
css的定位属性中,有个display,常用display:inline、display:block或者display:inline-block。
而displa:none;则代表此元素不会被显示。(不可见)


<input type="hidden" value="这是隐藏起来的"/>   要引用时:var strHid=$("input:hidden").val();val()方法的功能是获取或设置元素当前的值。是 value值
<p style="display:hidden">一只隐藏p</p>         引用时要用:var strHid=$("p:hidden").html();是html文本节点


$("p:visible")获取可见的元素


属性选择器,获取与属性名和属性值完全相同的全部元素,用[]专门表示属性选择器。
$("li[title='我最爱']")
$("li[title!='我最爱']")与上面刚好相反,选择title值不是我最爱的元素们
$("li[title*='最']")包含指定内容的全部元素


first-child子元素过滤选择器
$("li:first-child")获取每个父元素中返回的首个子元素,是个集合。
$("li:last-chhild")获取每个几个集合的最后一个元素。

相关文章推荐

jQuery属性选择器优先级

Jquery-属性选择器

$("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素  $("div")          ...
  • N_ou25
  • N_ou25
  • 2015年07月02日 14:34
  • 254

jquery属性选择器

1)[attribute]:匹配包含给定属性的元素    eg:$("#btn").click(function(){        //点击按钮后将含有id属性的div背景变为绿色      ...

jQuery中的属性选择器

本篇文章只是《jQuery in Action》中属性选择器章节的翻译,翻译的主要原因是本人最近买了一本《jQuery实战(第三版)》,打算系统的过一遍知识点。结果那个翻译的实在不敢恭维(我怀疑好多地...

【开发日记】【HTML】jQuery 属性选择器

jQuery 属性选择器 jQuery 属性选择器 $("div[id]") 查找所有含有 id 属性的div元素 $("div[id='ajaxa']") 查找 id 为 ajaxa 的 di...
  • GeekLei
  • GeekLei
  • 2014年05月26日 01:41
  • 745

jQuery(2-8)表单对象过滤属性选择器

表单对象属性过滤选择器.html                   -->     可用元素 : 不可用元素 : 可用元素 : 不可用元素 : ...

jQuery笔记之属性选择器

//验证以上理论 $(function() { //改变含有title属性的元素的背景颜色,语法(选取包含给定属性的元素)实例$(" [href]" ...

jQuery属性选择器

CSS规范允许我们使用元素的属性来识别元素。虽然多样式化的文档需求在一些老的浏览器中不支持,但jQuery允许你使用他们,而忽视不同浏览器的使用。 当使用下面的属性选择器的时候,我们应该考虑到属性是...
  • ahuter9
  • ahuter9
  • 2013年01月01日 19:57
  • 389

jQuery 层次选择器,属性选择器

jQuery层次选择器 jquery属性选择器 jq根据是否有某属性选择 jq选取子元素、后边的元素等 $("div >span") $("#one +div") $("#one~div")...

jquery选择器之属性选择器

属性选择器中的类别: 1、[attribute]      匹配包含给定属性的元素      例:查找所有含id属性的div元素;$("div[id]"); 2、[attribute=va...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery-属性选择器
举报原因:
原因补充:

(最多只允许输入30个字)