欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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显示,其他同级元素隐藏