jquery的单数选择器

JQuery是一种高效的JavaScript库，它可以简化代码，提高开发效率，并且支持大量的选择器。其中，单数选择器就是其中之一。

$(document).ready(function(){
$("p:first").hide();  // 隐藏第一个段落
	$("p:last").css("color", "red"); // 改变最后一个段落的颜色
	$("#demo").css("font-size", "20px"); // 通过ID选择器改变指定元素的字体大小
	$(".test").css("background-color", "green"); // 通过类选择器改变所有指定类的背景色
});

上面的代码演示了单数选择器的几种使用方式。$("p:first")表示选择第一个p标签元素，并隐藏它。$("p:last")表示选择最后一个p标签元素，并将它的颜色改变为红色。$("#demo")表示选择id为demo的元素，并将它的字体大小改为20px。$(".test")表示选择class为test的元素，并将它们的背景色改为绿色。

通过上面的例子，我们可以看出单数选择器的用法非常简单，只需要在选择器前加上:pseudo-class即可。这种方法不仅能够方便地获取页面中的元素，还可以提高代码的简洁性和效率。