IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> #【博学谷学习记录】超强总结,用心分享|jQuery编程<二> -> 正文阅读

[JavaScript知识库]#【博学谷学习记录】超强总结,用心分享|jQuery编程<二>

三、jQuery选择器

1、基础选择器

获取指定ID的元素:KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#?id"); 匹配所有元素:(“*”);
获取同一类class的元素: ( " . c l a s s " ) ; 获取同一类标签的所有元素: (".class"); 获取同一类标签的所有元素: (".class");获取同一类标签的所有元素:(“div”);
选取多个元素: ( " d i c , p , i " ) ; 交集元素: ("dic, p, i"); 交集元素: ("dic,p,i");交集元素:(“li.current”);

2、层级选择器

使用>号,获取亲儿子层级的元素,注意:并不会获取孙子层级的元素: ( " u l > l i " ) ; 使用空格,代表后代选择器,获取 u l 下的所有元素,包括孙子等: ("ul>li"); 使用空格,代表后代选择器,获取ul下的所有元素,包括孙子等: ("ul>li");使用空格,代表后代选择器,获取ul下的所有元素,包括孙子等:(“ul li”);

3、筛选选择器

获取第一个li元素: ( " l i : f i r s t " ) 获取最后一个 l i 元素: ("li:first") 获取最后一个li元素: ("li:first")获取最后一个li元素:(“li:last”)
获取到的li元素中,选择索引号为2的元素,索引号index从0开始: ( " l i : e q ( 2 ) " ) 获取到的 l i 元素中,选择索引号为奇数的元素: ("li:eq(2)") 获取到的li元素中,选择索引号为奇数的元素: ("li:eq(2)")获取到的li元素中,选择索引号为奇数的元素:(“li:odd”)
获取到的li元素中,选择索引号为偶数的元素:$(“li:even”)

4、筛选方法

在这里插入图片描述

四、jQuery样式操作

1、操作css方法

参数只写属性名,则是返回属性值: ( t h i s ) . c s s ( ′ c o l o r ′ ) ; 参数是属性名,属性值,逗号分隔,是设置一组样式 : (this).css('color'); 参数是属性名,属性值,逗号分隔,是设置一组样式: (this).css(color);参数是属性名,属性值,逗号分隔,是设置一组样式:(this).css(“color” , “red”);
参数可以是对象形式,方便设置多组样式:$(this).css(i “color”:“white” “font-size”:."20px"l);

2、设置类样式方法

作用等同于以前的classList,可以操作类样式,注意操作类里面的参数不要加点
添加类: ( " d i v " ) . a d d C l a s s ( " c u r r e n t " ) ; 删除类 : ("div").addClass("current"); 删除类: ("div").addClass("current");删除类:(“div”).removeClass(“current”);
切换类:$(“div”).toggleClass(“current”);

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-09-13 11:05:12  更:2022-09-13 11:05:42 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 10:24:52-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码