jQuery基础2（过滤）

最新推荐文章于 2019-08-01 16:43:37 发布

Charminglsy

最新推荐文章于 2019-08-01 16:43:37 发布

阅读量246

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/Charminglsy/article/details/96875837

版权

前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

以该页面为例：

<body>
<ul>
<li>1</li>
<li>2</li>
<li class="liinfo">3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<ul>
我是空的
</ul>


<div>
    <ol class="menu">
        <li>Hello</li>
    </ol>
</div>
<div>How are you?</div>
<button class="btn">按钮</button>
<button class="btn1">按钮1</button>
<button class="btn2">按钮2</button>


<input type="text" value="1"/>
<input type="text" value="2"/>
<input type="text" value="3"/>
</body>

eq（index）按照所有来过滤元素

($(“li”).eq(3))；
获取页面中所有的li，根据索引取得需要的特定li。
PS：first last 获取当前元素里面子集元素的第一个最后一个

hasClass() 检测当前元素有没有固定的类返回值为布尔类型：true flase

$(“li”).hasClass(“liinfo”);
检测页面中的li中是否有class为liinfo的li。

filter() 过滤元素

$(“li”).filter(".liinfo")
获取页面中的li中class为liinfo的li。
eg:

//$("选择器",作用域)
        $("div").filter(function (index) {   //根据索引遍历所有的div
         if ($("ol", this).length) {  //如果存在ol这个元素
             console.log(this);//js对象
             console.log($(this));//jquery对象
             // $(this).remove();
             // this.remove();   
             //上述两种方法，尽管对象类型不同，都可以移除该元素。
         }
         });

is() 过滤元素

检测当前元素有没有固定的类返回值为布尔类型：true flase

$(“button”).is(".btn")

$KaTeX parse error: Expected '}', got 'EOF' at end of input: \dotslog(index,this,$ (this));
});

has() 找当前匹配元素里面谁具有这么个元素返回值为当前被查找到的元素

  console.log($("div").has("ol"));
    $("div").has("ol").css("border","1px solid black")

not(selector) 获取匹配元素中除去特定元素其余的元素即出去selector的其他元素

$("div").not($("div").eq(0))
获取div中除了第一个的其他所有div

slice 选取jquery集合里面的一部分

$("button").slice(0, 2)
即获取button中的第一个和第二个

children() 获取当前元素所有子集

$("body").children()；
获取body下的所有子集元素

find() 查找元素元素匹配器

next() 下一个元素 prev() 上一个元素（当前元素的上一个或者下一个）

parent 找当前元素的直接父容器 parents 找当前元素所有的父容器

找同胞兄弟元素的方法 siblings() 找同级弟元素，也可以查找同级中特定类名的元素

$(".liinfo").siblings());
$(".btn1").siblings(".btn2");

Charminglsy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录