jQuery是一种广泛使用的JavaScript框架,可以方便快捷地操作HTML文档和CSS样式。在jQuery中,选择器可以帮助我们快速找到所需的元素,筛选可以帮助我们进一步精确地操作这些元素。
首先,我们来看一下jQuery的常见选择器:
$(document).ready(function(){ // 通过元素名选择 $("p").css("color", "red"); // 通过类名选择 $(".myClass").fadeOut(); // 通过ID选择 $("#myId").html("Hello World!"); // 通过属性选择 $("input[type='submit']").css("background-color", "green"); });
接着,我们可以使用筛选器进一步操作所选元素:
$(document).ready(function(){ // 选择第一个p元素 $("p:first").css("color", "red"); // 选择倒数第二个p元素 $("p:last-child").css("color", "blue"); // 选择索引为偶数的p元素 $("p:even").css("background-color", "yellow"); // 选择属性值包含“world”的p元素 $("p[class*=world]").css("font-weight", "bold"); });
以上仅是jQuery选择器和筛选器的简单应用,更多用法请参考jQuery官方文档。