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

    关于层级选择器。
    $("parent > child")
    选择所有指定“parent”元素中指定的“child”的直接子项元素。
    parent :任何有效的选择器。
    child: 用来筛选子元素的选择器

    $(function(){
        $("ul.myul > li").css("border","2px solid red");
        //将ul带有.myul选择下面的li 标签添加边框。
    });

    $("ancestor descendant")
    选择给定的祖先元素的所有后代元素
    ancestor:任何有效的选择器;
    descendant: 一个用来筛选子元素的选择器;

    $(function(){
       $("form input").css("border","2px solid green")
         //将form 内所有的input 标签加上边框
     });

    $("prev+next")
    选择所有紧接着“prev"在元素后面的“next”元素。
    prev 任何有效的选择器
    next 用于筛选跟在“prev”后面的选择器

    $(function(){
         $("label + input").css("border","2px solid red")
           //将所有紧跟在 label 后面的input 标签加上边框
     });

    $("prev ~ siblings")
    选择任何一个有效选择器以后面的所有兄弟元素。它们具有相同的父元素。
    prev 任何有效的选择器
    siblings 一个选择器用来过滤第一个选择器之后的兄弟选择器。

    $(function(){
        $("#prev  ~ div").css("border","2px solid red");
        // 将prev 选择器 后面的兄弟div 标签加上边框
    })
  • 相关阅读:
    [转]Hamcrest使用方法实例
    Maven配置浅析
    Guava API
    awk排序作业
    [转]awk使用手册
    Vue源码探究-全局API
    vue 组件间传值
    在2018年如何优雅的开发一个typescript语言的npm包?
    PHP四种序列化方案
    从 0 到 1 再到 100, 搭建、编写、构建一个前端项目
  • 原文地址:https://www.cnblogs.com/nmxs/p/4881750.html
Copyright © 2011-2022 走看看