jquery的过滤方法

最新推荐文章于 2024-10-01 09:00:00 发布
最新推荐文章于 2024-10-01 09:00:00 发布
阅读量391 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44606660/article/details/88198177
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .s1{
            color: red;
        }
        .s2{
            color: yellow;
        }
        .s3{
            color:blue;
        }
    </style>
</head>
<body>
    <ul class="menu">
        <li>AAA</li>
        <li>BBB</li>
        <li class="gray">CCC</li>
    </ul>
    <div>
        <p>
            <span>111</span>
        </p>
    </div>
    <p>
        <span>222</span>
    </p>
    <ul>
        <li>list item 1</li>
        <li>list item 2
            <ul>
                <li>list item 2-a</li>
                <li>list item 2-b</li>
            </ul>
        </li>
        <li>list item 3</li>
        <li>list item 4</li>
    </ul>
    <p id="str"><b>Values:</b></p>
    <form action="">
        <input type="text" name="name" value="John">
        <input type="text" name="password" value="password">
        <input type="text" name='url' value="http://ejohn.org/">
    </form>
    <script src="lib/jquery-2.2.2.js"></script>
    <script>
        //map
        // $('#str').append($('input')).map(function(){
        //     return $(this).val();
        // }).get().join(', ');

        // $('input').each(function(i,e){
        //     $(e).addClass('s'+(i+1));
        // });

        // $('.menu li:first').css('color','red');
        // $('.menu li').first().css('color','red');
        // $('.menu li').last().css('color','green');
        // $('.menu li').eq(1).css('color','blue');

        // console.log($('.menu li:last').hasClass('gray'));//true
        // $('.menu li').filter(':first').css('color','red');
        //is 根据选择器、DOM元素或jquery对象来检测匹配元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true
        // var b = $("span").parent().is("div");
        // $('li').has('ul').css('background-color','red');
        // $('.menu li:not(:first)').css('color','red');
        // $('.menu li').not(':first').css('color','red');
        // slice(start,end)  [start,end)
        // $('ul:eq(1) li').slice(1,2).css('color','green');
        var arr=['aaa','ccc','ppp'];
        var brr=arr.map(function(item,index,arr){
            return item.repeat(3);
        });



    </script>
    
</body>
</html>

 

天空守护云
关注
jQuery 过滤
xyq2024的博客
06-21 368
filter()方法还允许传递一个函数，根据函数的返回值来过滤元素。});
JQ 过滤方法
06-10
NULL 博文链接：https://onestopweb.iteye.com/blog/2339839
前端必知必会-JQuery过滤器
最新发布
qq_24018193的博客
10-01 473
本文介绍了JQuery过滤器的使用，如有问题欢迎私信和评论。
jquery中的过滤操作
weixin_34357962的博客
05-22 92
1.过滤 Filtering 名称 说明 举例 eq( index ) 获取第N个元素 获取匹配的第二个元素: $("p").eq(1) filter( expr ) 筛选出与指定表达式匹配的元素集合。 保留带有select类的元素: $("p").filter(".selected") filter( fn ) 筛选出...
jQuery过滤
qq_44329870的博客
03-11 278
jQuery过滤 jQuery常用过滤方法： 方法 作用 eq() 根据索引选择元素 first() 获取集合里面的第一个 last() 获取集合里面的最后一个 hasClass() 检测是否具有某个类 is() 检测是否存在某一样 has() 匹配具有某个被检测元素的元素 filter() 匹配出满足条件的元素 map() 将一个类数组转化为新的数组(类似映射) not() 匹配除过被检测元素之外的元素 slice() 截取(类似原生js的slice)
jQuery过滤选择器-基本过滤选择器
10-10 203
过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素，过滤规则与CSS中的伪类选择器语法相同，即选择器都以一个冒号(:)开头。按照不同的过滤规则，过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表单对象属性过滤选择器。 基本过滤选择器 选择器 描述 返回 示例 :first 选取第一个元素 单个元素 ...
jquery过滤特殊字符’,防sql注入的实现方法
11-22
在本文中，我们将深入探讨如何使用jQuery来过滤特殊字符，以防止SQL注入攻击。SQL注入是一种常见的网络安全威胁，攻击者通过输入恶意的SQL语句来操纵数据库，获取、修改或删除敏感数据。以下是一个实际的jQuery实现...
jquery数组过滤筛选方法grep()简介
10-25
jQuery中的grep()方法是一个非常实用的工具，尤其在处理数组数据时，它允许你根据特定条件筛选出符合或者不符合要求的元素。grep()方法的主要作用是遍历数组，并基于提供的回调函数判断每个元素是否应该保留在结果...
jQuery过滤HTML标签并高亮显示关键字的方法
12-01
本文将详细讲解如何使用 jQuery 过滤 HTML 标签并高亮显示关键字。 首先，我们要了解 jQuery 的核心概念。jQuery 是一个轻量级的库，它通过选择器（Selector）来选取 HTML 元素，并提供了丰富的函数来操作这些元素...
jQuery过滤器
陈 浩
11-04 994
在jQuery中可以使用过滤器对选取的数据进行过滤，从而选择更明确的元素。jQuery过滤器的通常用法如下， $(“选择器 : 过滤器”) 1．基本过滤器 1.1 :first      使用 :first 过滤器可以匹配到找到的第一个元素。例如，使用 $(“tr:first”) 可以选择表格的第一行 1.2 :last      使用 :last 过滤器可以匹配到找到的最后一个元素。
JQuery—— 过滤
NanChen的博客
09-15 278
过滤：可以允许在一组元素中的位置来选择一个特定的元素 最基本的三个过滤方法分别是first(), last() 和 eq() 一、first（）方法：返回首个元素 看下面例子：如果我想获取div中的第一个元素或者是p标签的第一个元素就可以使用此方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa
jQuery基础——使用过滤器—1过滤
weixin_57575133的博客
11-04 2944
jQuery选择器能够模仿CSS和XPath语法，提供高效、准确匹配元素的方法，jQuery过滤器是一系列简单、实用的jQuery对象方法，建立在选择器基础上对jQuery对象进行二次过滤。在jQuery框架中，过滤器通过Sizzle.filter子类实现，包含过滤、查找和串联三类操作行为。
Jquery(八) 属性过滤
夏天不能盖被子
05-03 630
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> jQuery过滤器 属性过滤</title> <meta name="Generator" content="EditPlus"> <me
Jquery——元素集的过滤
小白一直白
05-13 328
过滤用于缩小搜索到的元素范围。三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。 first() first() 方法返回被选元素的首个元素。 下面的例子选取首个 <div> 元素内部的第一个 <p>...
JQuery过滤选择器
hhan_bj的博客
01-16 198
1. 过滤选择器
JQuery--过滤器
qq_36935391的博客
12-04 319
body 哈喽 刚好 asas地方 a新地址 水电费 3.1.1类过滤 根据元素的雷属性进行过滤 if($("p:eq(0)").hasClass("a")){ alert("有class=a"); } //选中第一个p标签通过hasClass函数判断是否用。class=a,如果是的，就返回true，就行对话框
JQuery DOM操作与过滤方法详解
"jQuery基础教程-DOM操作与过滤方法" jQuery是一个高效、简洁的JavaScript库，以其易用性和强大的功能著称。它简化了DOM（Document Object Model）操作，提供了丰富的API来处理网页交互。在本教程中，我们将深入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值