zoukankan      html  css  js  c++  java
  • jquery获取对象的方法足以应付常见的各种类型的对象

    简单对象获取 

    $("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) 
    所有下拉表 

  • 相关阅读:
    从零基础到精通的前端学习路线
    js点击弹出网页弹框
    JS实现在线统计一个页面内鼠标点击次数-刷新过后也会保留上次点击次数
    Input文本框随着输入内容多少自动延伸有-bug
    关于Java 后台分页
    关于ECMAScript6 的学习01-ES6 的六种变量声明方式===关于常量const
    关于ECMAScript6 的学习01-ES6 的六种变量声明方式===关于块级变量 let
    接上篇 checkbox数据的带入
    关于checkbox 样式的改变 设置自定义样式
    关于文件上传-图片上传
  • 原文地址:https://www.cnblogs.com/sjqq/p/6414218.html
Copyright © 2011-2022 走看看