Jquery 选择器

1.基本选择器选择器      描述#id       根据给定的id匹配匹配一个元素  例如 $('#id').class      根据给定的类名匹配元素   例如 $('.myclass')selector1,selector2...    将每一个选择器匹配到的元素合并后一起返回   例如 $(selector1,selector2..)*          匹配所有的元素2.层次选择器选择器                描述$("ancestor descendant")    选取ancestor元素里面的所有descendant元素$("parent > child")    选取parent元素下的child元素$("prev + next")      选取紧接在prev元素后的next元素$("prev ~ siblings")    选取prev元素之后的所有siblings元素3.过滤选择器1.基本过滤器选择器选择器  描述:frist  选取第一个元素           例如:$("div:frist") 选取所有div的第一个:last      选取最后一个元素     例如:$("div:last") 选取所有div的最后一个:even  获取索引是偶数的所有元素   例如:$("tr:even") 选取所有tr的索引为偶数的:odd   获取索引是奇数的所有元素    例如:$("tr:odd") 选取所有tr的索引为奇数的:not(selector)获取除了选择器以外的元素    例如:$("div:not('.mydiv')") 选取所有div为.mydiv以为的所有div:eq(index)  获取索引等于index的元素    例如:$("div:eq(1)") 选取div索引为1的div:gt(index)  获取索引大于index的元素    例如:$("div:gt(1)") 选取所有div索引大于1的(返回集合):lt(index)   获取索引小于index的元素      例如:$("div:lt(1)") 选取所有div索引小于1的(返回集合):header  获取所有的标题元素,比如(h1,h2,...)  例如:$("div:header") 选取所有div的标题元素:animated   获取当前执行jQuery动画的元素   例如:$("div:animated") 选取当前执行动画的div3.子元素过滤选择器选择器  描述 示例:nth-child(index/even/odd/eq)选择的他们所有父元素的第n个子元素。(这里的index是从1开始算起)$("p:nth-child(2)")选取body中第二个p元素:first-child选择所有父级元素下的第一个子元素。$("div span:frist-child")匹配 div 中查找第一个 span:last-child选择所有父级元素下的最后一个子元素。$("div span:last-child")匹配 div 中查找最后一个 span:only-child如果某个元素是其父元素的唯一子元素,那么它就会被选中$("ul li:only-child")在ul中选取是唯一子元素的li元素2.内容过滤器选择器选择器  描述     示例:contains(text) 选取含有文本内容为text的元素$("div:contains('abc')")选取含有文本“abc"的div元素:empty选择所有没有子元素的元素(包括文本节点)。$("div:empty")选取不包含子元素(包括文本元素)的div元素:has(selector)选取含有选择器所匹配的元素的元素$("div:has(p)")选取含有P元素的div元素:parent选择所有含有子元素或者文本的父级元素。$("div:parent")选取拥有子元素(包括文本元素)的div元素4.属性过滤选择器选择器 描述  示例[attribute]选取拥有此属性的元素$("div[id]")选取拥有属性Id的div元素[attribute=value]选取属性的值为value的元素$("div[title=test")选取属性title为test的div元素[attribute!=value]选取属性的值不等于value的元素$("div[title!=test]")选取属性title不等于test的div元素(注意,没有属性的div元素也会被选取)[attribute^=value]  选取属性的值以value开始的$("div[title^=test]")选取属性title以test开始的div元素[attribute$=value]选取属性的值以value结束的$("div[title$=test]")选取属性title以test结尾的div元素[attribure|=value]选取属性的前缀等于value或为value 和-连接为前缀的元素$("div[title|=test]")选取属性title前缀等于test或以test-*的div元素(注意,没有title属性的div元素也会被选取)[attribute~=value]选取属性的值包含value的元素,value和其他字符用空格分隔$("div[title~=test]")选取属性title包含test的div元素(注意,没有title属性的div元素也会被选取)[attribute*=value]选取属性的值含有value的元素$("div[title*=test]")选取属性title含有test的div元素[selector1][selector2]用属性选择器合并成一个复合属性选择器,满足多个条件$("div[id][title$=test]")选取拥有属性Id,并且属性title以test结尾5.表单对象属性过滤选择器选择器描述 示例:enabled选取所有可用元素$("#form1:enabled")选取Id为from1的表单内所有可用元素:disabled选取所有不可用元素$("#form1:disabled")选取id为form1的表单内的所有不可以的元素:checked选取所有被选中的元素(单选按钮,复选框)$("input:checked")选取所有被选中的input元素:selected选取所有被选中的选项元素(下拉列表)$("select:selected")选取所有被选中的选项元素6.可见性过滤选择器选择器描述 示例:hidden 选择所有隐藏的元素。$(":hidden")选取所有不可见的元素。包括<input type=hidden/>,<div style="display:none"/>和<div style="visibility:hidden"/>等元素。如果只是选取input元素,可以使用$("input:hidden"):visible选取所有可见的元素$("div:visible")选取所有可见的div元素4. 表单选择器选择器描述 示例:input 选取所有的input,textarea,select,button元素$(":input"):text选取所有的单行文本框$(":text"):password选取所有的密码框$(":password"):radio选取所有的单选框$(":radio"):checkbox选取所有的复选框$(":checkbox"):submit选取所有的提交按钮$(":submit"):image选取所有的图像按钮$(":image"):reset选取所有的重置按钮$(":reset"):button选取所有的按钮$(":button"):file选取所有的上传文件$(":file"):hidden选取所有不可见的元素$(":hidden")

(0)

相关推荐

  • 关于Jquery选择器的介绍?

    JQuery是一套Javascript脚本库.使用JQuery将极大的提高编写javascript代码的效率,让写出来的代码更加优雅,更加健壮. JQuery第一个版本JQuery1.0发布时间是20 ...

  • 1.jQuery选择器的简单实现和笔记

    # 引入jQuery工具库 ## 下载地址 - cdn:http://www.jq22.com/cdn/#a2 - 下载地址:http://www.jq22.com/jquery-info122 #  ...

  • jQuery选择器之基本过滤选择器(3)

    jQuery选择器之基本过滤选择器(3) jQuery的层级选择器中主要包括::first选择器.:last选择器.:not(selector)选择器.:even选择器.:odd选择器.:eq选择器. ...

  • jQuery选择器之层级选择器(2)

    jQuery选择器之层级选择器(2) jQuery的层级选择器中主要包括四种,分别为后代选择器.子元素选择器.相邻元素选择器.之后的兄弟元素选择器. 以下实例演示都是通过的元素颜色的变化展示. 未变色 ...

  • [css] 第113天 标签、class和id选择器三者的区别是什么?分别在什么时候用?

    今日试题: 标签.class和id选择器三者的区别是什么?分别在什么时候用? 此开源项目四大宗旨:勤思考,多动手,善总结,能坚持 <论语>,曾子曰:"吾日三省吾身"(我 ...

  • 常用的伪类选择器

    链接伪类选择器 主要有以下几类: a:link 未访问链接时属性 a:visited 访问后的属性 a:hover 鼠标放上去时的属性 a:active 点击后的属性 1 2 3 4 1 2 3 4 ...

  • selenium+python自动化96-执行jquery报:$ is not defined

    前言 背景介绍:做wap页面自动化的时候,把url地址直接输入到浏览器(chrome浏览器有手机wap模式)上测试,有个按钮死活点不到,用wap模式的触摸事件也无法解决,后来想用jquery去执行点击 ...

  • python测试开发django-50.jquery发送Ajax请求(get)

    前言 有时候,我们希望点击页面上的某个按钮后,不刷新整个页面,给后台发送一个请求过去,请求到数据后填充到html上,这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.Ajax可以完美的 ...

  • jQuery

    顶哥说私人小网站已上线 欢迎大家访问:    http://www.dintalk.cn jQuery本质上就是一个外部的js文件(jQuery.js),该文件中封装了很多js代码,实现了很多功能.并 ...