zoukankan      html  css  js  c++  java
  • jQuery 层级选择器 + keyCode

    层次选择器

      如果想通过DOM元素之间的层次关系来获取特定的元素,例如后代元素,子元素,相邻元素和兄弟元素等,那么层次选择器是一个非常好的选择。

      层次选择器规则如下:

    层次选择器
    选 择 器 描 述 返 回 示 例
    $("ancestor descendant")

    选取ancestor元素里所有

    descendant(后代)元素

    集合元素

    $("div span")选取 <div>里的所

    有的<span>元素

    $("parent>child") 选取parent元素下的child(子)元素 集合元素

    $("div>span")选取 <div>元素下

    元素名是<span>的子元素

    $("prev+next") 选取紧接在prev元素后的next元素 集合元素

    $(".one+div")选取class为one的

    下一个 <div> 兄弟元素

    $("prev~siblings") 选取prev元素之后的所有siblings元素 集合元素

    $("#two~div")选取id为two的元素

    后面所有 <div> 兄弟元素

     jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") 

    jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 

    jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 

    jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个 

    jQuery对象返回,children()则只会返回节点 

    jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点 

    jQuery.prevAll(),返回所有之前的兄弟节点 

    jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点 

    jQuery.nextAll(),返回所有之后的兄弟节点 

    jQuery.siblings(),返回兄弟姐妹节点,不分前后 

    jQuery.find(expr), 跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而 jQuery.find()的返回结果,不会有初始集合中的内容,比如$("p"),find("span"),是从元素开始找,等同于$("p span") 
     
    keycode    8 = BackSpace BackSpace
    keycode    9 = Tab Tab
    keycode   12 = Clear
    keycode   13 = Enter
    keycode   16 = Shift_L
    keycode   17 = Control_L
    keycode   18 = Alt_L
    keycode   19 = Pause
    keycode   20 = Caps_Lock
    keycode   27 = Escape Escape
    keycode   32 = space space
    keycode   33 = Prior
    keycode   34 = Next
    keycode   35 = End
    keycode   36 = Home
    keycode   37 = Left
    keycode   38 = Up
    keycode   39 = Right
    keycode   40 = Down
    keycode   41 = Select
    keycode   42 = Print
    keycode   43 = Execute
    keycode   45 = Insert
    keycode   46 = Delete
    keycode   47 = Help
    keycode   48 = 0 equal braceright
    keycode   49 = 1 exclam onesuperior
    keycode   50 = 2 quotedbl twosuperior
    keycode   51 = 3 section threesuperior
    keycode   52 = 4 dollar
    keycode   53 = 5 percent
    keycode   54 = 6 ampersand
    keycode   55 = 7 slash braceleft
    keycode   56 = 8 parenleft bracketleft
    keycode   57 = 9 parenright bracketright
    keycode   65 = a A
    keycode   66 = b B
    keycode   67 = c C
    keycode   68 = d D
    keycode   69 = e E EuroSign
    keycode   70 = f F
    keycode   71 = g G
    keycode   72 = h H
    keycode   73 = i I
    keycode   74 = j J
    keycode   75 = k K
    keycode   76 = l L
    keycode   77 = m M mu
    keycode   78 = n N
    keycode   79 = o O
    keycode   80 = p P
    keycode   81 = q Q at
    keycode   82 = r R
    keycode   83 = s S
    keycode   84 = t T
    keycode   85 = u U
    keycode   86 = v V
    keycode   87 = w W
    keycode   88 = x X
    keycode   89 = y Y
    keycode   90 = z Z
    keycode   96 = KP_0 KP_0
    keycode   97 = KP_1 KP_1
    keycode   98 = KP_2 KP_2
    keycode   99 = KP_3 KP_3
    keycode 100 = KP_4 KP_4
    keycode 101 = KP_5 KP_5
    keycode 102 = KP_6 KP_6
    keycode 103 = KP_7 KP_7
    keycode 104 = KP_8 KP_8
    keycode 105 = KP_9 KP_9
    keycode 106 = KP_Multiply KP_Multiply
    keycode 107 = KP_Add KP_Add
    keycode 108 = KP_Separator KP_Separator
    keycode 109 = KP_Subtract KP_Subtract
    keycode 110 = KP_Decimal KP_Decimal
    keycode 111 = KP_Divide KP_Divide
    keycode 112 = F1
    keycode 113 = F2
    keycode 114 = F3
    keycode 115 = F4
    keycode 116 = F5
    keycode 117 = F6
    keycode 118 = F7
    keycode 119 = F8
    keycode 120 = F9
    keycode 121 = F10
    keycode 122 = F11
    keycode 123 = F12
    keycode 124 = F13
    keycode 125 = F14
    keycode 126 = F15
    keycode 127 = F16
    keycode 128 = F17
    keycode 129 = F18
    keycode 130 = F19
    keycode 131 = F20
    keycode 132 = F21
    keycode 133 = F22
    keycode 134 = F23
    keycode 135 = F24
    keycode 136 = Num_Lock
    keycode 137 = Scroll_Lock
    keycode 187 = acute grave
    keycode 188 = comma semicolon
    keycode 189 = minus underscore
    keycode 190 = period colon
    keycode 192 = numbersign apostrophe
    keycode 210 = plusminus hyphen macron
    keycode 211 =
    keycode 212 = copyright registered
    keycode 213 = guillemotleft guillemotright
    keycode 214 = masculine ordfeminine
    keycode 215 = ae AE
    keycode 216 = cent yen
    keycode 217 = questiondown exclamdown
    keycode 218 = onequarter onehalf threequarters
    keycode 220 = less greater bar
    keycode 221 = plus asterisk asciitilde
    keycode 227 = multiply division
    keycode 228 = acircumflex Acircumflex
    keycode 229 = ecircumflex Ecircumflex
    keycode 230 = icircumflex Icircumflex
    keycode 231 = ocircumflex Ocircumflex
    keycode 232 = ucircumflex Ucircumflex
    keycode 233 = ntilde Ntilde
    keycode 234 = yacute Yacute
    keycode 235 = oslash Ooblique
    keycode 236 = aring Aring
    keycode 237 = ccedilla Ccedilla
    keycode 238 = thorn THORN
    keycode 239 = eth ETH
    keycode 240 = diaeresis cedilla currency
    keycode 241 = agrave Agrave atilde Atilde
    keycode 242 = egrave Egrave
    keycode 243 = igrave Igrave
    keycode 244 = ograve Ograve otilde Otilde
    keycode 245 = ugrave Ugrave
    keycode 246 = adiaeresis Adiaeresis
    keycode 247 = ediaeresis Ediaeresis
    keycode 248 = idiaeresis Idiaeresis
    keycode 249 = odiaeresis Odiaeresis
    keycode 250 = udiaeresis Udiaeresis
    keycode 251 = ssharp question backslash
    keycode 252 = asciicircum degree
    keycode 253 = 3 sterling
    keycode 254 = Mode_switch
  • 相关阅读:
    注册机实现算法
    nginx优化配置服务,快速提升服务器性能,突破100000万高并发不是梦!
    语雀、有道云笔记、滴答清单一键保存文章,剪藏文章chrom、360极速浏览器火狐插件
    超简单!查询自己在CSDN、博客园、简书、知乎、51CTO等平台的百度收录情况
    最全的中文Vscode扩展插件&配置调试&快捷键&格式化方法
    中文汉化atom最美前端开发编辑器插件安装和常用配置&快捷键,5年的使用心得
    加速Github访问,最新地址仅需1步!修改host快速达到2M!
    使用标签link rel="alternate"属性,帮助搜索引擎对不同设备的用户提供不同类型的页面
    JavaScript高级程序设计学习笔记(1)
    idea中多模块项目引入
  • 原文地址:https://www.cnblogs.com/guojian/p/3741636.html
Copyright © 2011-2022 走看看