jQuery parent>child

港控/mmm° 2022-07-13 10:26 265阅读 0赞
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>parent>child</title>
  6. </head>
  7. <script src="jquery-1.11.3.min.js">
  8. </script>
  9. <body>
  10. <!--
  11. 在给定的父元素下匹配所有的子元素
  12. parent:任何有效的选择器
  13. child:用以匹配元素的选择器,并且它是第一个选择器的子元素
  14. -->
  15. <form>
  16. <label>Name:</label>
  17. <input name="name" />
  18. <input name="age" />
  19. <fieldset>
  20. <label>Newsletter:</label>
  21. <input name="newsletter" />
  22. </fieldset>
  23. </form>
  24. <input name="none" />
  25. </body>
  26. <script type="text/javascript">
  27. $("form>input").css('background-color','pink');
  28. </script>
  29. </html>

Center效果图

发表评论

表情:
评论列表 (有 0 条评论,265人围观)

还没有评论,来说两句吧...

相关阅读