淘先锋技术网

首页 1 2 3 4 5 6 7

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官方文档。