//内容选择器
//1. 选取内容包含is的段落
/*$("p:contains(is)").css("border", "3px solid red");
//2. 获取拥有input后代标签的div标签
$("div:has(input)").css("border", "3px solid red");*/
//和层叠选择器($("div input"))不同的是,层叠选择器选中的是input元素
//3. 获取所有非空(有内容或者有子节点)元素
$("*:parent").css("border", "3px solid red")
//4. 获取所有空(无内容或者子节点)元素
$("*:empty").css("border", "3px solid blue");
//表单选择器
//1. 获取所有input表单元素,如果冒号前什么也不写,默认为查询所有*
//注意这里的:input是包含了<input, <button <textarea <select等
//和$("input, button, select, textarea").css()一样。
$(":input").css("border", "3px solid green");
//2. 获取所有button表单元素
//注意这里的button不包含submit和reset按钮
$(":button").css("border", "3px solid green");
//3. 获取所有提交和重置表单元素
$(":submit, :reset").css("border", "3px solid green");
//4. 获取不可用的表单元素 = $("*[disabled='disabled']")
$(":disabled").css("border", "3px solid green");
//5. 获取所有的被选中的单选框和复选框表单元素 = $("*[checked='checked']")
$(":checked").css("width", "100px");
//6. 获取所有的被选中的下拉表单元素 = $("*[selected='selected']")
$(":selected").css("width", "100px");
Jquery内容选择器和表单选择器
最新推荐文章于 2021-11-16 20:21:29 发布