Matches all child elements specified by child of elements specified by parent : Selector children « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. Selector children

Matches all child elements specified by child of elements specified by parent

      

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
  $(document).ready(function(){
    
     $("#main > *").css("border", "1px solid red");



  });
    </script>

  </head>
  <body>
      <span id="main">
          <button>Child</button>
          <form>
            <button>grand child</button>
          </form>
      </span>
  </body>
</html>








Related examples in the same category

1.nthChild(index)
2.onlyChild(): If the parent has other child elements, nothing is matched.
3.Select n-th child
4.Finds all children of the element with id "main"
5.Finds all p elements that are children of a div element
6.Is it the first child