1.基本选择器:
// 选择id为"myElement"的元素
$("#myElement");// 选择class为"myClass"的所有元素
$(".myClass");// 选择所有<p>标签
$("p");
2.属性选择器:
// 选择带有name属性的input元素
$("input[name]");// 选择name属性值为"username"的input元素
$("input[name='username']");// 选择value属性值为"submit"的input元素
$("input[value='submit']");
3.层级选择器:
// 选择id为"parent"的元素下的所有子元素
$("#parent > *");// 选择id为"parent"的元素下的所有直接子元素
$("#parent > div");// 选择id为"parent"的元素下的所有后代元素,包括孙子、曾孙等
$("#parent descendant-selector");
4.过滤选择器:
// 选择第一个<p>标签
$("p:first");// 选择最后一个<p>标签
$("p:last");// 选择索引为偶数的<p>标签
$("p:even");// 选择索引为奇数的<p>标签
$("p:odd");// 选择包含特定文本的元素
$("p:contains('Hello')");
5.表单选择器:
// 选择所有的<input>元素
$("input");// 选择所有的<input>和<textarea>元素
$("input, textarea");// 选择所有选中的<input>元素(如复选框或单选按钮)
$("input:checked");// 选择所有未选中的<input>元素(如复选框或单选按钮)
$("input:not(:checked)");