JS 的 querySelector 和 JQuery 的是一样的语法么？还是有些许区别？

这个是基本的网页里面的数据，\

<div>
  <p>
    A
  </p>
  <p>
    A global issue
  </p>
</div>
<div>
  <p>
    C
  </p>
</div>

如上，我在 chrome 浏览器，打开 console，输入

$("div p:contains('A')")

提示我出错

Uncaught DOMException: Failed to execute '$' on 'CommandLineAPI': 'div  p:contains('A')' is not a valid selector.
    at <anonymous>:1:1

但是，有时候又能够成功，我“傻掉”了......

n.fn.init [prevObject: n.fn.init(1), context: document, selector: "div p:contains('A')"]

p.s.
之所以问这个问题，是因为我在用 WebDriverIO 写 end-to-end 测试时，
declare var browser: WebdriverIO.BrowserObject;

我想用 browser 查找一个 div 的 text 为“A"或者，p 的 text 为“A"的对象，
browser.$("div p:contains(’A')");
调用总是失败，所以，我用 jsbin 试了一下，有时候成功，有时候失败。我也查了一样 DOM 的 querySelector & JQuery，没找到原因。

所以来问问。

p.s.2
jsbin sample:

https://jsbin.com/gecodut/edit?html,output