zoukankan      html  css  js  c++  java
  • Jquery 选择器

    判断某个元素是否存在
    Jquery的方法
    if($("#myId").length > 0){
        //dosomething
    }
    还可以使用(DOM的写法)
    if($("#myId")[0]){
        //dosomething
    }
    
    基本选择器
    1.$("#myId") 选择ID为myId的元素
    2.$(".myClass")选择class为myClass的元素
    3.$("p")选择所有<p></p>元素
    4.$("*")选择所有元素
    5.$("#myId,.myClass,p")选择ID为myId,class为myClass,所有<p></p>的元素(记住这之间都是逗号分开的,不是空格)
    层次选择器
    6.$("div span")选择DIV里面所有的SPAN元素(这中间是空格,不是逗号,还要注意一点span并不一定是div的直接子元素)
    7.$("div > span")选择DIV里面所有的SPAN子元素(SPAN必须是DIV的直接子元素)
    7.$("div + span")选择紧跟在DIV后面的SPAN元素[$("div + span")方法与$("div").next("span")相同]
    8.$("div ~ span")选择跟在DIV后面的所有SPAN元素($("div ~ span")方法与$("div").nextall("span")相同)
    过滤选择器
    9.$("div:first")选择所有div中第一个div元素
    10.$("div:last")选择所有div中最后一个div元素
    11.$("input:not(.myClass)")选择input元素中,class不为myClass的元素
    12.$("div:even")选择div元素中索引为偶数的元素
    13.$("div:odd")选择div元素中索引为奇数的元素
    14.$("div:eq(1)")选择div元素中索引值为1的元素(第二个元素)
    15.$("div:gt(2)")选择div元素中索引值大于2的元素(不包括第二个)
    16.$("div:lt(6)")选择div元素中索引值小于6的元素(不包括第六个)
    17.$(":header")选择网页中为<h1></h1>...<h5></h5>的元素
    内容过滤选择器
    18.$("div:contains(langhua)")选择含有文本内容"langhua"的元素
    19.$("div:empty")选择不包含子元素或者文本的空元素
    可见性过滤选择器
    20.$(":hidden")选择input里面type="hidden"的元素,div中display为none的元素visible为hidden的元素  ($("input:hidden"))
    21.$("div:visible")选择DIV中可见的元素
    属性选择器
    22.$("div[id]")选择DIV中有ID属性的元素,有ID属性就行了
    23.$("input[type=hidden]")选择input元素中type为hidden的元素
    24.$("input[name!=username]")选择input中元素中type不为username的元素
    25.$("div[class^=top]")选择div中元素中class命名以top开始的元素
    26.$("div[class$=top]")选择div中元素中class命名以top结束的元素
    27.$("div[class*=top]")选择div中元素中class命名中包含top的元素
    28.$("div[id][class=langhua][xxxx*=xxxx]")三个条件,一次缩小一个范围
    表单对象属性过滤选择器
    29.$("#form1:enabled")选择id=form1表单中所有可用的元素
    30.$("#form1:disabled")选择id=form1表单中所有不可用的元素]
    31.$("input:checked")选择id=form1表单中所有被选中的checkbox元素
    32.$("select:selected")选择id=form1表单中所有被选中的元素(下拉列表)
  • 相关阅读:
    Idea的类中使用实体类(有@Data注解)的Get/Set方法报错
    Springboot前后端分离中,后端拦截器拦截后,前端没有对应的返回码可以判断
    Window NodeJs安装
    Linux(CENTOS7) NodeJs安装
    Linux(CENTOS7) YUM方式安装mysql5.7
    根据M3U8地址下载视频
    Mysql时间范围分区(RANGE COLUMNS方式)
    Window Mysql5.7免安装版配置
    Window Jdk配置(win7/win10都可以)
    .net core2.0 读取appsettings.json
  • 原文地址:https://www.cnblogs.com/dancser/p/4165222.html
Copyright © 2011-2022 走看看