<div class="content">
<div class="box">
<a href="https://www.wdphp.com/1.html">这是链接一</a>
<span>这是文字一</span>
</div>
<div class="box">
<a href="https://www.wdphp.com/2.html">这是链接二</a>
<span>这是文字二</span>
</div>
<div class="box">
<a href="https://www.wdphp.com/1.html">这是链接三</a>
<span>这是文字三</span>
</div>
</div>
切片选择器:.box

是不是很简单?
| 属性 | 说明 |
|---|---|
| text | HTML标签中的文本内容 |
| html | HTML标签中的HTML内容 |
| href | A链接中的链接地址 |
| alt | HTML标签中的alt属性 |
| src | HTML的img标签标签中的图片地址 |
| value | HTML的input标签中的value属性 |
以上为常用属性介绍示例,选择器属性与jQuery选择器的使用方式类似。只要是html标签中中出现的属性都是支持的,比如id、class、title、style、type等等。
| 选择器示例 | 说明 |
|---|---|
| html标签 | 采集html标签下面内容,如li、p、div等,也可以用id或class指定,ID为a: #a,class为a: .a |
| li a | 采集li标签下面所有的A标签 |
| li a:first | 匹配第一个选定元素,示例li a:first匹配li标签下第一个A标签 |
| :last | 匹配最后选定的元素 |
| :even | 匹配偶数元素 |
| :odd | 匹配奇数元素 |
| :eq(index) | 通过索引匹配单个元素,示例li a:eq(1)匹配li标签下第2个A标签(索引以0作为第一个开始) |
| :header | 匹配所有作为标头的元素,如h1、h2、h3等。 |
| meta[name=description] | 抓取页面描述,属性填写content |
选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作。通过html标签属性对需要采集的内容部分进行定位获取。
| 说明 | 选择器 | 属性 |
|---|---|---|
| 页面标题 | title | text |
| 页面描述 | meta[name=description] | content |
| 页面关键字 | meta[name=keywords] | content |
| 文章内容 | 文章内容外部容器ID或class,# 代表ID .代表class,如#content 或 .content |
html |
版权免责声明: 本站内容部分来源于网络,请自行鉴定真假。如有侵权,违法,恶意广告,虚假欺骗行为等以上问题联系我们删除。
本文地址:https://www.18dir.com/article/view/46.html