关闭

jQuery-属性选择器

标签: jquery
154人阅读 评论(0) 收藏 举报
分类:
$("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
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:16826次
    • 积分:384
    • 等级:
    • 排名:千里之外
    • 原创:22篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论