导航菜单

Intro to jQuery: The Power Of jQuery Selectors

如何选择元素?

在jQuery中,我们选择一个带有$()的元素。

$(“选择器名称”)

选择“$”与querySelector和querySelectorAll非常相似。我们提供了CSS样式选择器。然后,jQuery将返回所有匹配的元素。

我通过在列表中添加标记和id“test”来稍微更新了jQuery Demo HTML页面。

如果我想选择h1,我只需要在控制台中键入?$(“h1”)[0]?它将返回h1。

如果我想选择链接,我只需要键入?$(“a”)[0],它将返回链接。

如果我想选择具有特殊ID的列表,我只需要键入?$(“#test”)[0],它将返回该列表。

此外,即使只有一个项目,在jQuery中选择带有美元符号的元素也会返回一个列表。编写语法要短得多,也更容易。

如何操纵风格?

?css()?方法是jQuery的样式界面。

$(select).css(property,value)

如果我想将h1设为粉红色,我只需要写一下?$(“h1”)。css(“color”,“pink”)。

如果我想添加背景和边框以及更改颜色,我会传入一个带样式的对象。

另外,我们可以一次设置多个元素。

如果我想将所有列表项颜色更改为紫色,我将执行该操作:

.css()方法非常强大,因为我们可以更改单个属性并传递一个充满密钥对的对象。使用jQuery,如果我有一个元素集合,它会自动循环,并将.css()应用于每一个元素。