jquery筛选器相关知识
-
JQuery选择器——可见性筛选选择器和属性筛选选择器 可见性筛选选择器和属性筛选选择器1 可见性筛选选择器$(":visible") 选择所有显示的元素$(":hidden") 选择所有隐藏的元素,包含display=“none”元素的样式和隐藏表单、visibility等2 隐藏元素的方式 css display的值是none type=“hidden”的表单元素 宽度和高度都显示设置为0 祖先元素是隐藏的,该元素不会在页面上显示 css visibility的值是hidden css opacity的值是03 元素占据文档中一定的空间是可见的,所以元素的宽度和高度大于零4 &
-
jQuery基本筛选选择器使用指南基本筛选选择器需要结合选择多个元素的选择器使用: 结合多元素元素选择器使用(结合两种元素选择器(除了ID selector) 结合2类3项(除兄弟选择器之外)层级选择器(层级向下:后代选择、子选择(必须选择多个元素);同层级:一般兄弟选择器(特性:筛选条件必须,选择多个元素必须) 基本筛选选择器按选择元素的单复分为以下两类: 选择单个元素的基本筛选选择器: $(":first/:last")、$(":eq(index索引值)") 特殊: $(":root")选择document根元素(不需要结合元素选择器使用)。 选
-
jQuery 选择器jQuery选择器可分为基本选择器和过滤选择器 (二)过滤选择器 ★简单过滤选择器:主要根据索引值对元素进行筛选。 1、:first选择器:对当前jQuery集合进行过滤并选择出第一个匹配元素 jQuery("selector:first"); 注:参数selector为任何有效的选择器 2、:last选择器:对当前jQuery集合进行筛选并选择出最后一个匹配元素 jQuery("selector:last"); 注:参数selector为任何有效的选择器 3、:odd选择器:选择索引为奇数(从0开始计数)的所有元素 &
-
jQuery基础——样式篇 (选择器)jQuery选择器: id选择器 $( ' #id ' ) 类选择器 $( ' .class ') 元素选择器 $( ' element ' ) 全选择器 $( ' * ' ) 层级选择器 : 基本筛选选择器: 注意: 1、 :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引 2、 gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始 内容筛选选择器: $(':contains(text)') $(':parent') $(':empty') $(':h
jquery筛选器相关课程
jquery筛选器相关教程
- 3. 使用 jQuery jQuery 使用 $ 或者 jQuery 来生成一个 jQuery 对象,这里统一使用 $。1167$ 可以接受一个 CSS 规范的选择器,用来选择元素,html 方法相当于设置 DOM 节点的 innerHTML 属性。在 DOM 相关章节有提到,如果使用 querySelector 来选择节点,碰到节点不存在的情况下,会返回 null,这样就需要一层判断, jQuery 已经处理好了这些情况。<div>DOM节点</div><div class="element"></div><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script> $('.ele').html('<p>这里是用 jQuery 插入的 HTML</p>'); console.log('不会影响正常程序执行');</script>其可以接受的参数不仅仅是 CSS 选择器,也可以是一个原生 DOM 节点,一段 HTML 字符串等。jQuery 选择 $ 作为作为入口名称,一部分是因为简单,原生 DOM 提供的选择 DOM 节点的方法都是一长串,另一个原因是 $ 本身的发音 dollar 和 DOM 的发音接近。
- jQuery jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.(jQuery 官方介绍)
- 2. 引入 jQuery jQuery 可以直接从官网下载,也可以用 npm 安装,也可以使用 bower 等这些包管理工具,本篇幅采用 CDN 的形式引入,本身 jQuery 就是一个 .js 文件,只需引入就能使用。<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>引入之后就可以在全局下通过 jQuery 或者 $ 调用 jQuery 了。<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script> console.log($); console.log(jQuery); console.log($ === jQuery); // 输出:true</script>
- 5.1 筛选与切片 关于筛选和切片中间操作,有下面几个常用方法:filter(Predicate p):接收 Lambda,从流中清除某些元素;distinct():筛选,通过流生成元素的hashCode和equals()方法去除重复元素;limit(long maxSize):截断流,使其元素不超过给定数量;skip(long n):跳过元素,返回一个扔掉了前 n 个元素的流。若流中元素不足 n 个,则返回一个空流。与limit(n)互补。我们先来看一个过滤集合元素的实例:1254运行结果:Person{name='小芳', age=20} Person{name='小付', age=23} Person{name='大飞', age=22}实例中,有一个静态内部类Person以及一个创建Person的集合的静态方法createPeople(),在主方法中,我们先调用该静态方法获取到一个Person列表,然后创建了Stream对象,再执行中间操作(即调用fliter()方法),这个方法的参数类型是一个断言型的函数式接口,接口下的抽象方法test()要求返回boolean结果,因此我们使用Lambda表达式,Lambda体为person.getAge() >= 20,其返回值就是一个布尔型结果,这样就实现了对年龄大于等于 20 的person对象的过滤。由于必须触发终止操作才能执行中间操作,我们又调用了forEach(System.out::println),在这里记住它作用是遍历该列表并打印每一个元素即可,我们下面将会讲解。另外,filter()等这些由于中间操作返回类型为 Stream,所以支持链式操作,我们可以将主方法中最后两行代码合并成一行:stream.filter(person -> person.getAge() >= 20).forEach(System.out::println);我们再来看一个截断流的使用实例:1255运行结果:Person{name='小明', age=15} Person{name='小芳', age=20}根据运行结果显示,我们只打印了集合中的前两条数据。跳过前 2 条数据的代码实例如下:// 非完整代码public static void main(String[] args) { List<Person> people = createPeople(); // 创建 Stream 对象 Stream<Person> stream = people.stream(); // 跳过前两个元素,并调用终止操作打印集合中元素 stream.skip(2).forEach(System.out::println);}运行结果:Person{name='小李', age=18} Person{name='小付', age=23} Person{name='大飞', age=22}distinct()方法会根据equals()和hashCode()方法筛选重复数据,我们在Person类内部重写这两个方法,并且在createPerson()方法中,添加几个重复的数据 ,实例如下:1256运行结果:去重前,集合中元素有: Person{name='小明', age=15} Person{name='小芳', age=20} Person{name='小李', age=18} Person{name='小付', age=23} Person{name='小付', age=23} Person{name='大飞', age=22} Person{name='大飞', age=22} Person{name='大飞', age=22} 去重后,集合中元素有: Person{name='小明', age=15} Person{name='小芳', age=20} Person{name='小李', age=18} Person{name='小付', age=23} Person{name='大飞', age=22}
- 1.引入 Jquery 因为我们使用的 Ajax 方法是 jQuery 提供的,因此我们需要在页面中引入 jQuery 脚本。<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>Tips: 注意 jQuery 脚本要放在使用到 jQuery 的脚本之前,这样才可以在我们的页面中愉快的玩耍~
- 1. 什么是 jQuery jQuery 是一个使用 JavaScript 编写的库,可以让开发者用更少的代码来完成业务逻辑。许多年前前端的技术没有现在这么丰富,jQuery 和 JavaScript 也会被经常称为两个技术,因为使用 jQuery 完全可以替代掉使用原生的 JavaScript 操作 DOM、处理动画、处理 AJAX 等,这让两者之间的概念变得模糊。可以对比一下删除一个节点的操作:// 使用JavaScriptvar el = document.getElementById('element');el.parentNode.removeChild(el);// 使用 jQuery$('#element').remove();两者的区别一比较就出来了,jQuery 封装一层 DOM 操作,将原生的 DOM 方法向上层抽象,提供了一套更简洁的 API 来操作 DOM,同时也针对各个浏览器做了兼容性处理,如事件对象、事件的绑定方式等。
jquery筛选器相关搜索
-
j2ee
j2ee是什么
jar格式
java
java api
java applet
java c
java jdk
java list
java map
java script
java se
java socket
java swing
java switch
java web
java xml
java 程序设计
java 多线程
java 环境变量