返回大部分常用的选......登陆

大部分常用的选择器写法及含义

选择角色2019-03-22 14:34:15470
(function() {
$("*"); //所有元素
$("#id"); //id="id" 的元素
$(".class"); //所有 class="class" 的元素
$("p"); //所有 element 中 <p> 元素
$("#id,.class,element"); //多个元素
$(".class1.class2"); //所有 class="class1" 且 class="class2" 的元素
$("父级元素 > 子级元素"); //给定的父级元素下匹配所有的子元素
$("祖先元素  后代元素"); //给定的祖先元素下匹配所有的后代元素
$("prev + next"); //(同级的元素)匹配紧跟在prev元素后面的next元素
$("prev ~ siblings"); //匹配prev元素后面所有的siblings元素

$("p:first"); //第一个 <p> 元素
$("p:last"); //最后一个 <p> 元素
$(":gt(x)"); //大于值x的元素
$(":lt(x)"); //小于值x的元素
$(":eq(x)"); //等于值x的元素
$("tr:even"); //所有偶数 <tr> 元素
$("tr:odd"); //所有奇数 <tr> 元素
$(":not(selector)"); //匹配不是selector的所有元素

$(":contains(text)"); // 匹配包含给定文本(text)的元素
$(":has(selector)"); //匹配包含特定选择器元素的元素
$(":empty"); //匹配不含有内容的元素(即 不包含子元素或者文本的空元素)
$(":parent"); //匹配含有子元素或者文本的元素

$("[属性名]"); //匹配包含给定属性的元素
$("[attribute=value]"); //匹配给定属性是某个特定值的元素
$("[attribute!=value]"); //匹配所有不含有指定值的属性,或者说是属性不等于特定值的元素
$("[attribute ^= value]"); //匹配给定属性是以某些值开始的元素
$("[attribute $= value]"); //匹配给定属性是以某些值结尾的元素
$("[attribute *= value]"); //匹配给定属性包含某些值的元素
$("attrSel[1] attrSel[1] attrSel[1]"); //复合选择器,需要同时满足多个条件时使用

$(":enabled"); //所有激活的input元素(可以使用的input元素)
$(":disabled"); //所有禁用的input元素(不可以使用的input元素)
$(":selected"); //所有被选取的元素,针对于select元素
$(":checked"); //所有被选中的input元素
})();


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送