zoukankan      html  css  js  c++  java
  • jQuery 集合 搜索操作(父辈元素搜索、同辈元素搜索、子元素搜索)

    jQuery 对页面元素的搜索包括 父元素、同辈元素、子元素 的搜索。

    1.父元素搜索

    1)parents([selector]) 方法

    $("p").parents().css("border","1px solid #999");     //给p元素的父元素添加边框样式
    $("p").parents("div").css(...);    //给p元素的父元素中的div元素添加样式

    (2)closest(selector[,context]) 方法

    $("p").closest("div").css("color","blue");       //给指定p元素的第一个匹配的上级元素设置字体颜色

    (3)parent([selector]) 方法

    $("p").parent().css("border","1px solid #999");     //给p元素的父元素添加边框样式

    (4)parentsUtil([selector]) 方法

    (5)offsetParent() 方法。查找第一个匹配元素的已定位元素。(不太明白这个,做过实验还是迷迷糊糊)

    2.同辈元素搜索

    (1)next([selector])

    (2)nextAll([selector])

    (3)nextUtil([selector])

    (4)prev([selector])

    (5)prevAll([selector])

    (6)prevUtil([selector])

    (7)siblings([selector]) //搜索所有同辈元素

    3.子元素搜索

    (1)children([selector])  //只搜索所有直接子元素

    (2)find(selector)  //必须有参数,搜索所有子元素

  • 相关阅读:
    print格式化输出(format)
    Python list,tuple,dict,set高级变量常用方法
    K8s的kubectl常用命令
    C/C++中数组与指针的关系探究
    Java中的不可变类
    JAVA 类总结
    c++ string类find总结
    关于看板娘的事儿
    类型转换
    计算机2进制小数点表示法
  • 原文地址:https://www.cnblogs.com/lihuiyy/p/2582566.html
Copyright © 2011-2022 走看看