简单对象获取

$("element:first") 
获取页面上某个元素的第一个如$("div:frist")表示第一个div

$("element:last") 
获取页面上某个元素的最后一个如$("div:frist")表示最后一个div

$("element:not(selector)") 
去除所有与选择器匹配的元素如$("input:not(:check)")表示所有未被选中的复选框

$("element:even") 
获取element元素的偶数行

$("element:odd") 
获取元素的奇数行

$("element:eq(index)") 
获取特定索引的元素 如$("div:el(2)")表示第三个div

$("element:gt(index)") 
匹配所有大于给定索引值的元素

$("element:lt(index)") 
匹配所有小于给定索引的元素

$(":header") 
匹配h标记的元素

$("element:animated") 
匹配所有没有执行动画效果的元素

内容对象的获取和对象的可见性

$("Element:contains(text)") 
元素中的文本是否包含某个字母或字符串

$("Element:empty") 
获得不包含文本或子元素的元素对象

$("Element:parent") 
获得对象元素包含文本或子元素

$("Element:has(selector)") 
匹配含有某个元素是否包含某个元素 如$("p:has(span)")表示所有包含span元素的p元素

$("Element:hidden") 
匹配所有不可见元素,包括display:none 以及input的属性是hidden的元素

$("Element:visible") 
匹配所有课件元素

对象获取进阶

$("Element[id]") 
获取所有带有id属性的元素

$("Element[attribute=abcd]") 
获取所有某个属性为abcd的元素

$("Element[attribute!=abcd]") 
获得所有某个属性不为abcd的元素

$("Element[attribute^=ab]") 
获得所有某个属性以ab开头的元素

$("Element[attribute$=ab]") 
获得所有某个属性以ab结尾的元素

$("Element[attribute*=ab]") 
获得所有含有某个属性包含ab的元素

$("Element[selector1][selector2][.....]") 
符合属性选择器 如$("input[id][name][value=abcd]")表示获得带有ID、Name以及value是abcd的input元素

子元素的获取

$("Element:nth-child(index)") 
选择父级下的第N个子元素,索引从1开始 
:nth-child(even)偶数 
:nth-child(odd)奇数 
:nth-child(3n)表达式 
:nth-child(2)索引 
:nth-child(3n+1)表达式

$("Element:first-child") 
父级下的第一个子级元素

$("Element:last-child") 
父级下的最后一个子级元素

$("Element:only-child") 
父级下的唯一的一个子级元素

表单对象的获取

$(:input) 
只能匹配input元素类型为 input button select textarea

$(:text) 
所有当行文本框

$(:password) 
所有密码框

$(:radio) 
所有单选按钮

$(:checkbox) 
所有复选框

$(:submit) 
所有提交按钮

$(:image) 
所有图片域 
$(:reset) 
所有充值按钮

$(:button) 
所有按钮

$(:file) 
所有的文件上传域

$(:hidden) 
所有不可见元素或者type为hidden的元素

$(:enabled) 
所有可用input元素

$(:disabled) 
所有不可用input元素

$(:checked) 
所有复选框元素

$(:selected) 
所有下拉表

jquery获取对象的方法足以应付常见的各种类型的对象的更多相关文章

  1. JavaScript&jQuery获取url参数方法

    JavaScript&jQuery获取url参数方法 function getUrlParam(name){ var reg = new RegExp("(^|&)" ...

  2. JQuery获取元素的方法总结

    JQuery获取元素的方法总结 一.说明   获取元素的方法分为两种:jQuery选择器.jQuery遍历函数. 做个总结,巩固下知识. 二.获取本身 1.只需要一种jQuery选择器   选择器 实 ...

  3. 【鬼脸原创】JQuery获取元素的方法总结

    目录 一.说明 二.获取本身 三.获取同级元素 四.获取父级元素 五.获取子级元素 一.说明   获取元素的方法分为两种:jQuery选择器.jQuery遍历函数. 做个总结,巩固下知识. 二.获取本 ...

  4. js(jQuery)获取时间的方法及常用时间类搜集

    获取时间的方法及常用时间类都是大家经常使用的,在本文为大家整理了一些,个人感觉还比较全,感兴趣的朋友可以收集下   复制代码代码如下: $(function(){ var mydate = new D ...

  5. 对比jquery获取属性的方法props、attr、data

    1.attr,prop 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法.对于自定义的属性是取不到的: 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 2.a ...

  6. 通过jquery获取天气的方法

    代码为: $.getScript('http://int.dpool.sina.com/iplookup/iplookup.php?format=js',function(_result){ if(r ...

  7. jQuery获取各种位置方法

    一.获取窗口的宽高 1.获取流览器显示区域的高度 : $(window).height(); 2.获取流览器显示区域的宽度 : $(window).width(); 3.获取文档流的高度 : $(do ...

  8. jquery 获取url 参数方法 以及 解决url中文问题

    //jQuery 动态给a 标签赋值 跳转 新的页面打开. /* <a class="btn btn-success" id="test" target= ...

  9. js(jQuery)获取时间的方法及常用时间类

    获取JavaScript 的时间使用内置的Date函数完成 var mydate = new Date();mydate.getYear(); //获取当前年份(2位)mydate.getFullYe ...

随机推荐

  1. python错误处理/调试/单元测试/文档测试

    一.错误处理 1.错误处理 try: ... except Exception1: ... except Exception2: ... finally: ... 如果在try中发生错误,那么exce ...

  2. 【DB2】查询上月末、上年末、上年同期等信息

    此处以20180612为例子 想得到上年末.上年同期.上月末这些时间点,只需要记住函数ADD_MONTHS.LAST_DAY.ADD_YEARS这些函数即可. 上年末 SELECT SUBSTR(TO ...

  3. JavaScript | 对象详解

    ————————————————————————————————————————————————————————— 对象有哪些(导图) 内建对象 数据封装对象 Object对象 Object.prot ...

  4. Spring bean注入方式

    版权声明:本文为博主原创文章,如需转载请标注转载地址. 博客地址:http://www.cnblogs.com/caoyc/p/5619525.html  Spring bean提供了3中注入方式:属 ...

  5. C语言-结构体内存对齐

    C语言结构体对齐也是老生常谈的话题了.基本上是面试题的必考题.内容虽然很基础,但一不小心就会弄错.写出一个struct,然后sizeof,你会不会经常对结果感到奇怪?sizeof的结果往往都比你声明的 ...

  6. Android成长之路-实现监听器的三种方法

      第一种:  在Test类中  定义一个类接口OnClickListener 第二种:直接在Test类上写一个接口 其中的this相当于new OnClickListener()对象, 即class ...

  7. C++的多态例子

    1.多态的例子 题目: 某小型公司,主要有四类员工(Employee):经理(Manager).技术人员(Technician).销售经理(SalesManager)和推销员(SalesMan).现在 ...

  8. Daemon,Jos,定时器

    --> FileSystemWatcher--> EventWaitHandle / AutoResetEvent / ManualResetEvent--> Mutex--> ...

  9. Hive查询表,返回数据全是NULL

    情况1: hive> create table users(id int, name string); hive> load data local inpath '/usr/local/u ...

  10. 181213 - 解决Android的应用APP背景色突然被改变的问题

    在魅族最新的特定版本出现APP背景突然被改变颜色的问题 出问题的机型相关信息 型号:魅族16th Plus Android 版本: 8.1.0 安全补丁 版本: 2018年10月1日 Flyme 版本 ...