jQuery 知识点 (三) —— jQuery 元素筛选

来源：互联网发布：做淘宝直通车和刷流量编辑：程序博客网时间：2024/05/18 00:02

<html><head>    <meta chartset="utf-8">    <title>jQuery 元素筛选</title></head><body>    <div class="c1">        <ul id="colorlist">            <li><span>红色</span></li>            <li><span>黄色</span></li>            <li><span>蓝色</span></li>            <li><span>绿色</span></li>            <li><span>紫色</span></li>            <li><span>白色</span></li>        </ul>    </div>    <div class="c2"></div></body></html>

//$(selector).eq(index|-index) 获取div中第 index+1 个元素或者从后往前的第index 个元素console.log($("div").eq(0)）;// <div class="c1"></div> 获取div中第1个元素，与 :eq 功能类似console.log($("div").eq(-1));//从末尾往前获取 div 中第1个元素console.log($("div").first());//获取第一个元素，与 :first 功能类型console.log($("div").hasClass("red"));//获取 div 中包含类 red 的元素，与 :hasClass 功能相似/* * $(selector).filter(expr|obj|ele|fn)  筛选出指定表达式匹配的元素集合 * @param expr 可选，选择器表达式* @param obj 可选，匹配现有 jQuery 元素* @param ele 可选，匹配 DOM 元素* @param fn 可选，带索引的函数*/console.log($("div").filter(".selected"));// $(selector).is(expr|obj|ele|fn)console.log($("div").is(".red"));//匹配的 div 是否有存有有一个元素满足条件，是则返回true// $(selector).has(expr|ele)console.log($("div").has("ul").length);// 获取后代中有 ul 的div 元素console.log($("div").not(":has(ul)").length);//获取后代中没有 ul 的 div 元素// $(selector).slice(start,[end]) : 选取匹配的一个子集，与js 数组的 slice 功能类似console.log($("div").slice(-1,3));//从集合末尾往前取到倒数第个元素// $(selector).children([expr]) : 子元素过滤// $(selector).closest(expr,[con]|obj|ele) : 从元素本身开始，逐级向上级元素匹配，并返回最先匹配的元素// $(selector).find(expr|obj|ele) : 搜索所有与指定表达式匹配的元素// $(selector).next([expr]) : 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合// $(selector).nextAll() : 查找当前元素之后所有的同辈元素// $(selector).nextUnit([exp|ele][,fil]) : 查找当前元素之后所有的同辈元素，直到遇到匹配的那个元素为止// $(selector).parent([expr]) : 取得一个包含着所有匹配元素的唯一父元素的元素集合// $(selcetor).parent([expr]) : 取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）// $(selector).parentsUntil([expr|element][,filter]) : 查找当前元素的所有的父辈元素，直到遇到匹配的那个元素为止// $(selector).prev([expr]) : 取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。// $(selector).prev([epxr]) 查找当前元素之前所有的同辈元素// $(selector).prevUntil([expr|ele][,fil]) : 查找当前元素之前所有的同辈元素，直到遇到匹配的那个元素为止。// $(selector).siblings([expr]) : 取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合// $(selector).add(expr|ele|html|obj[,con]) : 把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。// $(selector).andSelf() : 加入先前所选的加入当前元素中// $(selector).contents() : 查找匹配元素内部所有的子节点（包括文本节点）。如果元素是一个iframe，则查找文档内容

0 0