jQuery-属性选择器

$("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")获取每个几个集合的最后一个元素。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值