jQuery的选择器(一)
jQuery的选择器(一)
博为峰教研组 发表于1年前
jQuery的选择器(一)
  • 发表于 1年前
  • 阅读 3
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】新注册用户域名抢购1元起>>>   

jQuery选择器完全继承CSS风格,jQuery 选择器允许对 HTML 元素组或单个元素进行操作。

jQuery的选择器包括基本选择器层次选择器、过滤选择器、表单选择器。下面我们就来详细讲解这几种选择器。

一、基本选择器

#id:根据给定的id匹配一个元素

.class:根据给定的类名匹配元素

element:根据给定的元素名匹配一个元素

*:匹配所有元素

selector1,selector2,...selectorN:将每一个选择器匹配到的元素合并在一起

这里我们先来写一个简单的布局

紧接着通过基本选择器来选择相应的HTML元素,改变元素的样式。

二、层次选择器

(ancestor  descendant):选取ancestor 元素里的所有descendant(后代)元素

(parent > child):选择parent元素下的子元素child

(prev + next):选择紧接在prev元素后的next元素

(prev  ~  siblings):选取prev元素之后的所有siblings兄弟元素。

先来写一个简单的布局

下面我们通过层次选择器来改变HTML元素的样式

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 48
博文 1224
码字总数 479077
×
博为峰教研组
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: