• jQuery 一些神奇的选择器写法


    ========================================================================

    ========================================================================

    JQ选择器是那么的方便 既然如此,不如手写重温一遍~~~~ 

    a[href^=http://]     选择包含以http://开头的href值的链接

    div[title^=my]       匹配title特性值以my开头所有的<div>元素

    a[href$=.pdf]       引用PDF文件的所有链接

    div:not(li:has(a))    匹配在其后代节点里,不存在包含<a>的<li>的<div>元素  (jQuery只支持一层嵌套语句)

    E[A=V]          匹配所有元素E,其特性A的值为V

    E[A^=V]        匹配所有元素E,其特性A的值以V开头

    E[A$=V]        匹配所有元素E,其特性A的值以V结尾

    E[A*=V]        匹配所有元素E,其特性A的值为包含V

      

    li a:first           所有li下,第一个a标签          

    li a:last          所有li下,第一个a标签

    li:first-child        每个li下第一个项

    li:last-child         每个li下最后一个项

    ========================================================================

    下面是JQ自定义筛选选择器!!  强大道无容置疑!!

    :animated                              控制处于动态控制之下的元素

    input[type=submit]、input[type=reset]、input[type=button]     控制不同种类的按钮

    input[type=ckeckbox]                        控制复选框元素

    input[type=file]                            选择所有文件元素

    :contains(foo)                            只选择包含文本foo的元素

    以下几个CSS所支持

    :checked  只选择已选中的复选框或者单选框

    :disabled  只选择在页面上禁用的表单元素

    :enabled  只选择在页面上已经启动的表单元素

    -------------------------------------------------------------------- 类似的太多 不依依写上去了

    写几个组合筛选选择器

    :checked:checked:enabled     选择已启用的已选中复选框

    input:not(:checkbox)        选择非复选框<input>元素

    正确写法  div p:not(:hidden)    

    错误写法  div :not(p:hidden)

    先到此位置吧...打完一遍 应该心中有个大概 到时候实战多查查就能玩的666了

    重拾梦想 改写人生
  • 相关阅读:
    charles安装以及手机端的设置
    ON DUPLICATE KEY UPDATE 用法与说明
    亿级流量架构之网关设计思路、常见网关对比
    灰度发布系统架构设计
    Jmeter 并发测试
    springboot --- Swagger UI初识
    TortoiseGIT 一直提示输入密码的解决方法!
    MySQL 5.6 参数详解
    LVS 轮询调度详解
    MongoDB 权限
  • 原文地址:https://www.cnblogs.com/wulibo/p/5842990.html
Copyright © 2020-2023  润新知