zoukankan      html  css  js  c++  java
  • jQuery学习笔记

    1.jQuery基本选择器:

    #id:根据id匹配一个元素

    .class:根据给定的class匹配元素

    element:根据标签匹配元素

    *:匹配所有元素

    selector1,selector2:将每一个选择器匹配到的元素一起返回

    2.层次选择器

    $("ancestor descendant"):选择ancestor下的descendant元素

    $("parent>chid"):选择parent下child元素

    $("prev+next"):选取紧接在prev元素后的next元素,可以用$(".one").next("div")来代替

    $("prev~siblings"):选取prev元素之后所有的siblings元素,可以用$(".one").nextAll("div")来代替

    3.过滤选择器

    $(:first):选择第一个元素

    $(:last):选取最后一个元素

    $(:header):选取所有标题元素

    $(:animated):选取当前正在执行动画的所有元素

    $(:focus):选取当前获取焦点的元素

    $(:contains(text)):内容过滤选择器,选取所有包含text的文本

    $(:empty):选取不包含子元素或者文本为空的元素

    $(:has(selector)):选取含有选择器匹配元素的元素

    $(:parent):选取含有子元素或者文本的元素

    $(:visible):选取所有可见的元素

    $(:hidden):选取所有隐藏的元素

    属性过滤选择器:
    [attribute]:选取拥有属性的元素,如[id]指拥有属性id的元素的集合

    [attribute:value]:选取属性值为value的的元素

    :nth-child():选取对应的子元素,如nth-child(2)选取索引值是2 的元素(index从1算起)

    表单对象选择器:

    :enabled:选取所有可用的元素

    :disables:选取所有不可用的元素

    :checked:选取所有被选中的元素,单选框和复选框

    :selected:选取所有被选中的元素,下拉列表

    :input:选取所有<input>集合元素

    :radio:选取所有的单选框

    例子:

    选择一个特定的表格使其变色:
    $("#tb tbody tr:even") :选取id为tb,然后寻找tbody标签,tr索引为偶数的被选中。

    jQuery中获取对象元素时,有无空格是不一样的

    var $t_a=$('.test :hidden') 选取class为test的元素里的隐藏元素

    var $t_b=$('.test:hidden')选取隐藏的class为test的元素

  • 相关阅读:
    35.使用拦截器实现权限验证
    34.TokenInterceptor防止表单重复提交
    33.使用默认的execAndWait拦截器
    32.使用来MethodFilterInterceptor灵活拦截
    31.自定义拦截器
    sql 学习笔记 档
    AVR文章7课时:动态数字化控制
    MapReduce 规划 系列的12 使用Hadoop Streaming技术集成newLISP文字
    左右TS分析流
    Java达到MySQL数据库备份(两)
  • 原文地址:https://www.cnblogs.com/kode/p/4639582.html
Copyright © 2011-2022 走看看