jquery选择器
// css选择器---拓展
// :hover---选择鼠标浮动在其上的元素,并设置样式
// jQuery选择器
// 1.基本选择器
/**
* 1.1 $("#id") id选择器
* 1.2 $(".class") class选择器
* 1.3 $("div") 标签选择器
* 1.4 $("#id,.class") 并集选择器(找到id和class的所有的标签)
* 1.5 $("div.class") 并集选择器(找到div且class)
*/
// 2.层级选择器
/**
* 2.1 子代选择器:$("#father>p")
* ---找到父元素下的子元素中所有的p元素(必须是父子关系)
* 2.2 后代选择器:$("#father p")
* ---找到父元素下的所有的p元素(可以是子代的子代)
*/
// 3.过滤选择器----过滤选择器带":"
/**
* $("li:even")----下标为偶数的li标签(下标从0开始)
* $("li:add")----下标为奇数的li标签(下标从0开始)
* $("li:eq(2)")----下标为2的li标签(下标从0开始)
* $("li:gt(2)")----下标大于2的li标签(下标从0开始)
* $("li:lt(2)")----下标小于2的li标签(下标从0开始)
* $("li:first")----第一个li标签
* $("li:last")----最后一个li标签
* :focus----当前获得焦点的元素
* :animated----所有正在执行动画效果的元素
* :not----去除所有与给定选择器匹配的元素
*/
// 4.筛选选择器
/**
* 4.筛选选择器:
* 4.1 children(selector)----$("ul").children("div");
* ----子类选择器
*
* 4.2 find(selector)----$("ul").find("div");
* ----后代选择器
*
* 4.3 siblings(selector)----$("li").siblings("div");
* ----查找兄弟节点,不包括自身
*
* 4.4 parent()----$("li").parent();
* ----查找父亲
*
* 4.5 eq(index)----$("li").eq(2);
* ----相当于:$("li:eq(2)"),查找下标为2的标签
*
* 4.6 next()----$("li").next();
* ----下一个兄弟
*
* 4.7 prev()----$("li").prev();
* ----上一个兄弟
*/
/**
* mouseenter和mouseover都是鼠标进入事件----mouseleave和mouseout对应的鼠标离开事件
*
* 区别:mouseenter事件:鼠标进入后,只有在鼠标穿过当前被选的元素时才会触发
* mouseover事件:不论鼠标穿过当前被选的元素或者其子元素时都会触发mouseover事件
*
*/
- 系列3|走进Node.js之多进程模型
- Java中Arraylist与linkedlist的区别
- 手把手教你撸一个 Webpack Loader
- HashMap与HashTable区别
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 记录日志
- React Native 网络层分析
- 如何实现VM框架中的数据绑定
- Java盲点解析
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 解析JSON
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 处理静态资源
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 视图Nunjucks
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 代码分层
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ HTTP请求
- ubuntu中安装tomcat
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Android DiffUtil 封装|深拷贝
- [CVE-2014-8959] phpmyadmin任意文件包含漏洞分析
- Android 统计页面渲染时长
- Transform和Task之间有关?| Gradle
- user.ini文件构成的PHP后门
- Android厂商推送Plugin化 | 掘金技术征文-双节特别篇
- 关于lnmp目录禁止执行的绕过与正确方法
- Quill编辑器自定义字体和字体大小
- emlog某重要插件前台SQL注入+Getshell
- ES6中的对象与类
- QQ某业务主站DOM XSS挖掘与分析(绕过WAF)
- 品优购电梯导航案例
- stm32mp157开发板LCD 显示测试&触摸屏测试
- stm32mp157开发板LINE 接口测试方法
- stm32mp157开发板MIC 接口测试方法