学习前端 第6周 第2天

时间:2022-06-07
本文章向大家介绍学习前端 第6周 第2天,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
  • 了解jQuery支持的选择器。见这里
  • 了解如何遍历元素。.each
  • 了解如何筛选元素。.filter
  • 了解找满足条件的子元素。.find
  • 了解找满足条件的祖先元素。 (需了解 cloest,parent,parents)

作业

现在有如下的HTML结构

<div class="a">
    <span class="b"></span>
</div>
<div class="a b"  id="a"></div>
<div class="a b"></div>
<div class="a b c"></div>
<div class="a"></div>
<input type="text">

选择满足下面相应条件的元素

  1. 选择id为a的元素
  2. 选择type为text的元素
  3. 选择类名中有b的标签为div的元素
  4. 选择类名中有b,但不包含类名c的元素。 提示:可用:not选择器。或者用filter来做。如果用filter来做的话,jQuery方法.hasClass可判断元素是否有某个类名。
  5. 选择类名有a,并且有子元素的元素