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-属性选择器

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

jQuery-选择器

选择器是jQuery最基础的东西,也非常重要,现总结 以供参考: 1:基础介绍 jQuery对象: jQuery 对象就是通过 jQuery($()) 包装 DOM 对象后产生的对象 jQuery 对...
  • cuigaochong
  • cuigaochong
  • 2015年09月05日 17:42
  • 357

jQuery-选择器

jQuery是一个封装了ajax和js的集成作品,以其简洁的语法和跨平台兼容性的优势,而选择器是jQuery的根基,对事件的处理,遍历DOM和Ajax操作都依赖与选择器   优点:       -...
  • z15732621582
  • z15732621582
  • 2017年02月12日 20:13
  • 357

Jquery-选择器

1.2层级选择器 原理:通过DOM嵌套关系结构来实现准确匹配 我是文本3 我是文本4 我是文本1 我是文本2 我是文本3 1.2.1包含选择器         ...
  • qq_36935391
  • qq_36935391
  • 2017年12月03日 19:29
  • 12

CSS3 选择器——属性选择器

上一切在《CSS3选择器——基本选择器》中主要介绍了CSS3选择器的第一部分,这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器。属性选择器早在CSS2中就被引入了,其主要作用就是对带有指...
  • swallowliyan
  • swallowliyan
  • 2015年09月09日 15:07
  • 1851

jquery-选择器

jQuery选择器分为几类: 基本选择器层次选择器过滤选择器 简单过滤选择器内容过滤选择器可见性过滤选择器属性过滤选择器子元素过滤选择器表单对象属性过滤选择器        ...
  • oYueMiJinDu
  • oYueMiJinDu
  • 2015年04月09日 22:31
  • 265

Jquery-选择器-简单的选择器

1.3简单的伪类选择器 你们好 你们好 你们好 你们好 你们好 你们好 1.3.1特定位置选择器...
  • qq_36935391
  • qq_36935391
  • 2017年12月03日 19:37
  • 16

javascript的选择器、节点属性

一、获取html元素,选择器 1、document.getElementById("id") Document对象的该方法通过id获取元素,在低于IE8版本的浏览器中,getElementById()...
  • u012841667
  • u012841667
  • 2016年10月20日 19:21
  • 1006

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

jQuery层次选择器 jquery属性选择器 jq根据是否有某属性选择 jq选取子元素、后边的元素等 $("div >span") $("#one +div") $("#one~div")...
  • tangdou5682
  • tangdou5682
  • 2016年12月01日 10:40
  • 542

jQuery-样式(jQuery选择器)

jQuery-样式(jQuery 选择器)
  • sunxiaofre
  • sunxiaofre
  • 2017年02月24日 10:58
  • 275
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery-属性选择器
举报原因:
原因补充:

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