淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery是当前前端开发中最流行的JavaScript库之一。它的选择器功能非常强大,能够方便地从文档中选择元素并对其进行操作。在这篇文章中,我们将重点介绍jQuery的div选择器。

//选中所有div元素
$("div")
//选中class为example的div元素
$(".example")
//选中id为myDiv的div元素
$("#myDiv")

以上是最常用的一些div选择器,下面对其进行详细介绍。

选中所有div元素

通过$("div")可以选中文档中所有的div元素。例如:

$("div").css("background-color", "#F0E68C");

这段代码会将所有div元素的背景色改为淡黄色。

选中class为example的div元素

如果需要选中class为example的div元素,可以使用$(".example")。

$(".example").html("这是一个示例");

这段代码会将class为example的所有div元素中的文本内容修改为“这是一个示例”。

选中id为myDiv的div元素

选中id为myDiv的div元素可以使用$("#myDiv")。

$("#myDiv").hide();

这段代码会将id为myDiv的div元素隐藏起来。

通过使用以上div选择器,我们可以很方便地在Javascript代码中选中、操作页面中的div元素。