jQuery选择器
程序员文章站
2022-07-13 13:10:42
...
$(".class1 .class2") 选择class1元素下class2的元素(中间有空格)
$(".class1.class2") 选择同时含有class1和class2的元素(中间没有空格)
$(".class1,.class2") 选择class1或者class2的元素(中间有逗号)
var temp= $("#test").is(":hidden");//是否隐藏 false/true
var temp1= $("#test").is(":visible");//是否可见
var aid=$(this).parent().parent().attr("id");
var aid=$(this).parents("li").attr("id");
$("span[name=djs]");
$("input[type='checkbox']")
$("option[id="+data.bean.sex+"]").attr("selected","true");
$("ul").find("a[id='confirmBtn']")
$("body").find("div .mui-table-view .mui-table-view-cell a[id=confirmBtn]");
$(".user-panel main").val();
$("li.start") 返回带有类名 "start" 的每个 <li>
$("tr:even") 所有偶数<tr>元素
$("tr:odd") 所有奇数<tr>元素
$("ul li:eq(3)") 列表中的第四个元素 :eq(index),index从0开始
$("ul li:gt(3)") 列出index大于3的元素
$("ul li:lt(3)") 列出index小于3的元素 eg:$("#qian li:lt("+data.signNum+")")//选取id为qian的标签下的前data.signNum个li标签
$(":empty") 无子节点的所有元素
$("input:not(:empty)") 所有不为空的input元素
$("input:not(#name)") 所有id不等于name的input元素
$(":contains("w3school")") 包含指定字符串的所有元素
$("p:hidden")所有隐藏的p元素
$("table:visible")所有可见的表格
$("[href]")所有带有href属性的元素
$("[href != '#']")所有href不等于#的元素
$("[href$='.jpg']")所有href属性的值包含以.jpg结尾的元素
$(":input") 所有 <input> 元素
$(":text") 所有 type="text" 的 <input> 元素
$(":file") 所有 type="file" 的 <input> 元素
$(":enabled") 所有**的input元素
$(":disabled") 所有禁用的input元素
$(":selected") 所有被选取的input元素
$(":checked") 所有被选中的input元素
选择器
<div class="user-panel main">
<input name="login"/> //这个标签将被返回
</div>
//$(".user-panel main").val($("#province").find("option:selected").text());
<script>
var el = document.querySelector("div .user-panel input[name=login]");//只能返回dom对象,不能调属性,但可以转化为query对象再调属性
</script>
siblings() 方法返回被选元素的所有同级元素(自己本身除外)。
eg:$(obj).addClass("active").siblings().removeClass("active"); //给obj添加class,同级其他元素移除class
$(obj).show().siblings().hide(); //obj显示,其他同级元素隐藏
上一篇: POI xlsx和xls 文件操作