• 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)  //必须有参数,搜索所有子元素

  • 相关阅读:
    点击两次返回键程序退出
    权限android.permission.WRITE_EXTERNAL_STORAGE 内外置sd卡写权限
    java Calendar add方法
    MeasureSpec简介
    android bitmap转换
    IOS键盘隐藏和显示调用
    内存溢出
    UIView递归
    caLayer
    C++算法
  • 原文地址:https://www.cnblogs.com/lihuiyy/p/2582566.html
Copyright © 2020-2023  润新知