首页>PHP源码>其他类别
下载

Berlioz HTML选择器

Berlioz HTML选择器是一个PHP库，可在HTML文件上使用CSS选择器进行查询，例如DOM上的jQuery 。

安装

作曲家

您可以使用作曲家安装Berlioz HTML选择器，这是推荐的安装。 

$ composer require berlioz/html-selector

依赖性

  • php ^8.0
  • PHP库：
    • dom
    • libxml
    • MBSTRING
    • 单纯级

用法

加载html

您可以轻松地使用静态功能HtmlSelector::query()加载HTML字符串或文件。对于文件，请使用方法的第二个参数contentsIsFile 。 

 $ htmlSelector = new  Berlioz  HtmlSelector  HtmlSelector ();

$ query = $ htmlSelector -> query ( ' <html><body>...</body></html> ' );
$ query = $ htmlSelector -> query ( ' path-of-my-file/file.html ' , contentsIsFile: true );
$ query = $ htmlSelector -> query ( new SimpleXMLElement ( /*...*/ ));

从ResponseInterface加载

HtmlSelector::queryFromResponse()允许加载响应主体的HTML。 

 $ htmlSelector = new  Berlioz  HtmlSelector  HtmlSelector ();

/** @var PsrHttpMessageResponseInterface $response */
$ query = $ htmlSelector -> queryFromResponse ( $ response );

做一个查询

用jQuery之类的选择器查询HTML字符串非常简单。 

 /** @var BerliozHtmlSelectorQueryQuery $query */
$ query = $ query -> find ( ' body > .wrapper h2 ' );
$ query = $ query -> filter ( ' :first ' );

选择器

CSS简单选择器

  • 类型：及其类型的元素选择。
  • #id ：选择具有ID的元素。
  • .Class ：及其班级的元素选择。
  • 属性选择。
    • [属性] ：带有属性“属性”。
    • [attribute = foo] ：属性的值等于'foo'。
    • [属性^= foo] ：属性的值以'foo'开头。
    • [属性$ = foo] ：属性的值以'foo'结束。
    • [attribute = foo] *：属性的值包含'foo'。
    • [属性！= foo] ：属性的值不同。
    • [属性〜= foo] ：属性的值包含词'foo'。
    • [属性| = foo] ：属性的值包含前缀'foo'。

CSS上升，后代，倍数

  • 选择器选择器或选择器>>选择器：所有后代选择器。
  • 选择器>选择器：直接后代选择器（仅儿童）。
  • 选择器〜选择器：兄弟姐妹选择器。
  • 选择器，选择器：多个选择器。

CSS伪课

  • ：任何（选择器，选择器） ：仅在参数中给出的元素。
  • ：任何链接：只有[href]属性的类型<a> ， <area>和<link>的元素。
  • ：空白：只有没有孩子的元素，也没有文字（空间除外）。
  • ：检查：仅具有属性的元素[checked] 。
  • ：dir ：只有给出定向文本的元素（默认：ltr）。
  • ：disabled ：只有类型<button> ， <input> ， <optgroup> ， <select>或<textarea>的元素，带有[disabled]属性。
  • ：空：只有没有孩子的元素。
  • ：启用：只有类型<button> ， <input> ， <optgroup> ， <option> ，<选择>， <select> ， <textarea> ， <menuitem>或<Benuitem>或<fieldset>无[disabled]属性的元素。
  • ：第一个：完全选择的第一个结果。
  • ：第一孩子：只有父母的孩子。
  • ：首先：只有首先在父母中类型。
  • ：HAS（选择器，选择器） ：只有有效的子选择器的元素。
  • ：lang（x） ：只有具有属性[lang]的元素，该元素由或等于给定的值。
  • ：最后一个孩子：只能持续他们的父母。
  • ：最后的类型：只能持续到他们的父母中。
  • ：不（选择器，选择器） ：过滤器'不'。
  • ：nth-​​child（） ：选择器结果中的n个元素。
  • ：nth-​​last-child（） ：选择器结果中的n个元素，从列表的末尾开始。
  • ：nth-​​type（） ：选择器结果中给定类型的n元素。
  • ：nth-​​last-type（） ：selector结果中给定类型的n元素，从列表的结尾开始。
  • ：唯一的孩子：只有父母只有孩子的元素。
  • ：只有类型：只有父母在父母中只键入孩子的元素。
  • ：可选（） ：仅输入元素没有[required]属性。
  • ：nolly（） ：只有用户无法编辑的元素。
  • ：read-write（） ：仅具有可编辑属性的元素。
  • ：quiend（） ：只有具有[required]属性的元素。
  • ：root（） ：获取root元素。

jQuery库中的其他CSS伪类（不在CSS规格中）

  • ：button ：只有类型<button>的元素<button>没有属性值[type=submit]或<input type="button"> 。
  • ：复选框：仅具有属性的元素[type=checkbox] 。
  • ：包含（x） ：只有包含给定文本的元素。
  • ：eq（x） ：仅给出索引的结果（索引开始到0）。
  • ：偶数：甚至只能导致选择。
  • ：文件：只有属性[type=file]的元素。
  • ：gt（x） ：仅带有索引大于索引的结果（索引开始到0）。
  • ：GTE ：仅具有大于或等于给定索引的索引的结果（索引开始到0）。
  • ：标头：只有标题的元素，例如<h1> ， <h2> ...
  • ：图像：仅具有属性的元素[type=image] 。
  • ：输入：仅类型<input>输入>， <textarea> ， <select>或<button>的元素。
  • ：最后：仅完成选择的最后结果。
  • ：LT ：仅具有索引皮革的结果比给定的索引（索引开始到0）。
  • ：LTE ：仅具有索引皮革的结果，而不是给定索引（索引开始到0）。
  • ：奇数：选择中只有奇数结果。
  • ：父母：只有一个孩子或更多的元素。
  • ：密码：仅具有属性的元素[type=password] 。
  • ：无线电：只有属性[type=radio]的元素。
  • ：reset ：只有属性[type=reset]的元素。
  • ：SELECTION ：只有属性[selected]的<option>的元素<option> 。
  • ：提交：只有属性<button>或<input>类型的元素[type=submit] 。
  • ：text ：只有属性[type=text]或没有[type]属性的类型<input>的元素。

其他CSS伪类（不在CSS规格中）

  • ：count（x） ：只有父母中X子女的元素，在：HAS（选择器）伪类中。

选择器的完整示例

 select > option:selected
div#myId.class1.class2[name1=value1][name2=value2]:even:first

功能

默认功能

查询对象中有一些默认功能可与结果交互。这些功能应与jQuery上的对应物具有相同的结果。

  • attr（名称） ：获取属性值
  • attr（名称，值） ：设置属性值
  • 儿童（） ：吸引元素的孩子。
  • count（） ：计算查询结果中的元素数量。
  • 数据（nameofdata） ：获取数据值（名称为带有“ data-'前缀”的骆驼语法）。
  • 过滤器（选择器） ：结果中的过滤元素。
  • 查找（选择器） ：在结果中的元素中查找选择器。
  • 获取（i） ：在结果中获取DOM元素。
  • HasClass（class_name） ：知道结果中至少有一个元素给出了类。
  • HTML（） ：在结果中获取第一个元素的HTML。
  • 索引（选择器） ：在结果元素中获取给定选择器的索引。
  • IS（选择器） ：知道选择器是否有效结果中的一个元素。
  • ISSET（i） ：返回布尔值以了解结果中是否存在元素密钥。
  • 下一个（选择器） ：在结果中每个元素之后获取下一个元素。
  • NextAll（选择器） ：在结果中每个元素之后获取所有下一个元素。
  • 非（选择器） ：结果中的过滤元素。
  • parent（） ：获取选择当前结果的直接父。
  • 父母（选择者） ：获得当前选择结果的所有父母。
  • prev（选择器） ：在结果中的每个元素之后获取前一个元素。
  • profall（选择器） ：在结果中每个元素之后获取所有预先元素。
  • prop（name） ：获取属性的属性布尔值，例如用于disabled属性。
  • prop（名称，值） ：设置属性的属性布尔值，例如用于disabled属性。
  • serialize（） ：序列化表单的输入值。返回字符串。
  • serializearray（） ：形式的序列化输入值。返回数组。
  • text（） ：获取每个元素串联的文本。
  • val（） ：获取表单元素的值。
展开
附加信息
相关应用
为您推荐
相关资讯 全部