jquery选择器实验

jquery选择器是一种强大的工具,它可以通过元素的类、标签名、属性和位置等多种方式来选择页面元素。在本次实验中,我们将使用一些常见的jquery选择器来选取页面中的元素。

$(document).ready(function(){// 选取id为demo的元素,并设置文本为hello$("#demo").text("hello");// 选取所有p标签,并设置背景颜色为red$("p").css("background-color", "red");// 选取所有class为test的元素,并设置字体颜色为blue$(".test").css("color", "blue");// 选取所有label标签的 for 属性为"username"的元素,并设置文本为请输入用户名$("label[for=username]").text("请输入用户名");// 选取第一个p标签,并设置文本为第一个段落$("p:first").text("第一个段落");// 选取最后一个p标签,并设置文本为最后一个段落$("p:last").text("最后一个段落");});

通过使用以上的jquery选择器,我们可以轻松地对页面元素进行操作。代码简洁明了,易于维护,是web开发中不可或缺的一环。

jquery选择器实验