jQuery选择器是用来选择HTML元素的一种工具。根据元素的id、class、标签名等属性,我们可以使用jQuery选择器来选取相应的元素。除了这些常见的属性外,我们还可以根据元素的值来进行选择。
$("#myTable tr:contains(John)").css("background-color", "yellow");
上面的代码是一个例子,意思是选择表格中包含"John"的行,并将它们的背景色改为黄色。我们可以看到其中包括一个":contains"选择器,它的作用就是选择包含指定文本的元素。
$("input[value=Male]").prop("checked", true);
上面的代码则是根据元素的value值来进行选择,它的意思是选择value属性值为"Male"的input元素,并勾选它。我们可以看到其中包括一个"="选择器,它的作用就是选择属性值等于指定值的元素。
$("select option:selected").each(function() {console.log($(this).text());});
上面的代码则是选择下拉列表中被选中的选项,并将它们的文本内容输出到控制台。我们可以看到其中包括一个":selected"选择器,它的作用就是选择被选中的元素。
总的来说,根据值进行选择的jQuery选择器有许多种,包括":contains"选择器、"="选择器、":selected"选择器等等。在实际开发中,我们可以根据需求灵活选择不同的选择器,来快速选取相应的元素。