zoukankan      html  css  js  c++  java
  • jquery选择器【总结】

      本文总结整理了jquery里和选择器相关的所有方法,通过这篇文章,可以让你学习到在jquery里使用选择器的所有方法。

    一:基本选择器:

    $("#aijquery") 选择id值等于aijquery的元素
    $("p") 选择所有的P标签元素 
    $(".aijquery") 选择css里使用aijquery类的所有元素 
    $("*") 选择文档中的所有的元素,
    $("#aijquery,div,.angel") 联合选择,选择ID为aijquery,div标签,和含有angel的CSS样式的所有标签

    二:层级选择器:

    $("div p") 选择div标签内的所有p标签元素 包括子元素的子元素 
    $("div > p") 选择div标签里的所有P标签子元素 不包括子元素的子元素 
    $("div + p") 选择所有紧跟在div标签后面的P标签元素 
    $("div ~ p") 选择所有与div同辈的P标签元素

    三:基本过滤器:

    $("div:first") 选择所有div元素的第一个 
    $("div:last") 选择所有div元素的最后一个 
    $("input:not(:checked)") 选择所有未选中的Input 
    $("tr:even") 选择所有的tr元素的第0,2,4... ...个元素 
    $("tr:odd") 选择所有的tr元素的第1,3,5... ...个元素 
    $("td:eq(2)") 选择所有的td元素中序号为2的那个td元素 
    $("td:gt(4)") 选择td元素中序号大于4的所有td元素 
    $("td:lt(4)") 选择td元素中序号小于4的所有的td元素

    四:内容过滤器:

    $("div:contains('aijquery')") 选择所有div中含有aijquery文本的元素 
    $("td:empty") 选择所有的为空(也不包括文本节点)的td元素的数组 
    $("div:has(p)") 选择所有含有p标签的div元素 
    $("td:parent") 选择所有的以td为父节点的元素数组

    五:属性过滤器:

    $("div[id]") 选择所有含有id属性的div元素 
    $("input[name='aijquery']") 选择所有的name属性等于'aijquery'的input元素 
    $("input[name!='aijquery']") 选择所有的name属性不等于'aijquery'的input元素 
    $("input[name^='aijquery']") 选择所有的name属性以'aijquery'开头的input元素 
    $("input[name$='aijquery']") 选择所有的name属性以'aijquery'结尾的input元素 
    $("input[name*='aijquery']") 选择所有的name属性包含'aijquery'的input元素 
    $("input[id][name$='aijquery']") 选择所有含有id属性并且name属性以aijquery结尾的元素

    六:表单元素选择器:

    $(":input") 选择所有的表单输入元素,包括input, textarea, select 和 button 
    $(":text") 选择所有的text input元素 
    $(":password") 选择所有的password input元素 
    $(":radio") 选择所有的radio input元素 
    $(":checkbox") 选择所有的checkbox input元素 
    $(":submit") 选择所有的submit input元素 
    $(":image") 选择所有的image input元素 
    $(":reset") 选择所有的reset input元素 
    $(":button") 选择所有的button input元素 
    $(":file") 选择所有的file input元素 
    $(":hidden") 选择所有类型为hidden的input元素或表单的隐藏域

    出处:http://www.aijquery.cn

  • 相关阅读:
    Redis 常用操作命令
    apktool反解apk包
    [转]Windows上搭建Kafka运行环境
    Unity3D 原生Android结合UnityPlayerActivity开发遇到的问题
    Unity3D配合AndroidStudio打包
    NodeJS 最快速搭建一个HttpServer
    Android 获得AndroidManifest文件里自定义的meta标签内容
    Unity3D 解决用Unity导出的Android工程在6.0及以上设备会弹出一串权限对话框的问题
    Unity3D 响应摇杆
    Unity3D 接完GVR SDk后如何插入自己的java代码
  • 原文地址:https://www.cnblogs.com/1906859953Lucas/p/9139379.html
Copyright © 2011-2022 走看看