学习前端 第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,并且有子元素的元素

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端儿

简单的鼠标可拖动DIV 兼容IE/FF

一个div,注册监听onmousedown事件,然后处理获取的对象及其相关值(对象高度,clientX/clientY位置等)

1481
来自专栏九彩拼盘的叨叨叨

Vue1.x 写法示例

常见内置过滤器 capitalize, uppercase, lowercase, json, limitBy, filterBy。所有见这里。

893
来自专栏前端说吧

Vue-组件嵌套之——父组件向子组件传值

4339
来自专栏柠檬先生

jquery 表单事件

.blur()    当元素失去焦点的时候触发事件。   .blur(handler(eventObject))     handler(even...

2039
来自专栏极乐技术社区

wxss学习系列《一》定位(position),布局(Layout)

定位(position) 2017的微信公开课pro如期进行了,小程序将于2017年1月9日对个人开放,公司项目的demo版做了个大概,过程中花的时间最多的还是...

31310
来自专栏代码世界

jQuery

jQuery jQuery介绍 jQuery 是一个轻量级的、兼容多浏览器的JavaScript 库; jQuery 使用户能够更方便地处理HTML Docum...

4935
来自专栏流柯技术学院

selenium webdriver自动化对日期控件的处理

--------------------------------------------------------------------------------...

1201
来自专栏从零开始学 Web 前端

从零开始学 Web 之 Vue.js(二)过滤器,按键修饰符,自定义指令

在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧!

1062
来自专栏进击的君君的前端之路

jQuery选择器、Dom操作、样式、事件处理

1613
来自专栏从零开始学自动化测试

selenium+python自动化93-鼠标事件(ActionChains)源码详解

ActionChains简介 actionchains是selenium里面专门处理鼠标相关的操作如:鼠标移动,鼠标按钮操作,按键和上下文菜单(鼠标右键)交互。...

3835

扫码关注云+社区

领取腾讯云代金券