【js进阶 10-10 可见伪类选择器和内容伪类选择器的作用】的更多相关文章

js进阶 10-10 可见伪类选择器和内容伪类选择器的作用

js进阶 10-10  可见伪类选择器和内容伪类选择器的作用 一.总结 一句话总结:分组来描述.内容伪类选择器就是  四个  包含.可见的伪类选择器就是可见和不可见.查找功能,也就是内容伪类选择器非常有用. 1.可见伪类选择器可以做什么? 设置你想是实现的任何元素显示或者隐藏的功能 2.css中元素隐藏两种方法? display和visibility 8 /* ul{display: none;}*/ 9 /* ul{visibility: hidden;}*/ 3.display和visibi…

js进阶 11-9/10/11 jquery创建和插入节点

js进阶 11-9/10/11 jquery创建和插入节点 一.总结 一句话总结: 1.jquery插入节点8个方法? 内部之前,内部之后,之前,之后:各两个 append()和appendTo() append() 方法在被选元素的结尾插入指定内容. 语法1:$(selector).append(content) 语法2:$(selector).append(function(index,html)) appendTo()跟append()类似,作用都是在所选元素内部的“末尾”插入内容. 语法…

js进阶 13-9/10 jquery如何实现三级列表

js进阶 13-9/10 jquery如何实现三级列表 一.总结 一句话总结:用的是定位,父标签相对定位,子标签就可以绝对定位了,绝对定位的孩子还是可以设置绝对定位.用toggle设置子菜单显示和隐藏.用的是jquery的hover方法. 1.鼠标滑过的时候最常设置的属性是什么? 透明度 opacity 2.如何让一级菜单下的二级菜单显示而三级菜单不显示? .menu>li:hover>ul{display:none}直接选择孩子,而不要选择子辈而且注意这里是li:hover,也就是被鼠标悬浮…

js进阶 10-8 伪类选择器有哪几类（自己不用，永远不是自己的）

js进阶 10-8 伪类选择器有哪几类(自己不用,永远不是自己的) 一.总结 一句话总结:自己不用,永远不是自己的. 0.学而不用,却是为何? 自己不用,永远不是自己的,有需求的时候要想到它,然后操作和练习 1.伪类选择器有哪几类? 6类,简单伪类选择器元素,子元素伪类选择器,可见性伪类选择器,内容伪类选择器,表单伪类选择器,表单属性伪类选择器 2.伪类选择器有多强大? 你想到的,没有它做不到的 3.:first(简单伪类选择器)和:first-child(子元素伪类选择器)的区别是什么? 和:…

js 进阶 10 js选择器大全

js 进阶 10 js选择器大全 一.总结 一句话总结:和css选择器很像 二.JQuery选择器 原生javaScript中,只能使用getELementById().getElementByName.getElementByTagName()等几种有限的方法来获取元素,JQuery为我们提供了大量的选择器,极大地方便了我们快速选择元素来进行各种操作. JQuery的选择器完全是继承了css选择器的风格,大家在学习JQuery选择器的时候,一定要先联系CSS选择器进行对比记忆. 虽然选择器很多…

js进阶 10-11/12 表单伪类选择器的作用

js进阶 10-11  表单伪类选择器的作用 一.总结 一句话总结:能想到用伪类选择器来解决问题.如果能一次记住自然是最棒的. 1.表单伪类选择器分为哪两类? 表单元素和表单属性,表单元素例如input,表单属性例如disabled 2.表单属性伪类选择器有哪四种(重要)? 可用的,不可用的,下拉列表选择的,单选复选选中的(就是我一直弄的那个功能) 表单属性伪类选择器 :enabled选择所有可用input元素 :disabled所有禁用的input元素 :selected选择所有被选中的opt…

js进阶 10-9 -of-type型子元素伪类选择器

js进阶 10-9 -of-type型子元素伪类选择器 一.总结 一句话总结:三种和first.last等有关的选择器. 1.:first和:first-child和:first-of-type的区别? :first:单选.:first-child:多选(父元素第一个).:first-of-type:多选(同类型第一个): :first-of-type”是选择父元素下某个元素类型的第1个子元素(区分元素类型):“:first-child”是选择父元素下的第1个子元素(不区分元素类型) 二.-of…

js进阶 10-7 简单的伪类选择器可以干什么

js进阶 10-7 简单的伪类选择器可以干什么 一.总结 一句话总结:伪类选择器是冒号. 1.学而不用,有什么用? 多用啊,在项目中多用 2.简单的伪类选择器可以干什么? 除某元素以外,某元素的一切索引相关(奇偶,开始最后,大于小于等于) 除某元素以外,某元素的第一个,最后一个,以及某元素所有和索引相关的操作 3.伪类选择器的关键性符号是什么? 冒号,以英文冒号“:”开头 4.如何选取某一个元素中的其他元素? 用后代选择器 $('ul :not(#one)').css('color','blue…

CSS3 选择器——笔记+实战案例(基本选择器、组合选择器、属性选择器、伪类选择器)

使用CSS3 选择器——笔记 CSS通过选择器控制HTML元素,CSS选择器对网页对象可以实现一对一.一对多或者多对一的匹配. 一.CSS3选择器分类 CSS选择器在CSS2.1选择器的基础上新增了属性选择器.伪类选择器.过滤选择器,减少了对HTML类名或ID名的依赖,避免了对HTML结构的干扰,使编写代码更加简单轻松. 根据所获取页面中元素的不同,可以把CSS3选择器分为5大类:基本选择器.组合选择器.伪类选择器.伪元素和属性选择器.其中,伪类选择器又分为6种:动态伪类选择器.目标伪类选择器.…

前端开发HTML&css入门——伪类选择器和一些特殊的选择器

伪类和伪元素 有时候,你需要选择本身没有标签,但是仍然易于识别的网页部位,比如段落首行或鼠标滑过的连接.CSS为他们提供一些选择器:伪类和伪元素. 常用的一些伪类选择器: :link :visited :hover :active 表示普通的链接(没访问过的链接) 表示访问过的链接 浏览器是通过历史记录来判断一个链接是否访问过, *由于涉及到用户的隐私问题,所以使用visited伪类只能设置字体的颜色 表示鼠标移入的状态 超链接被点击的状态 <!DOCTYPE html> <html&g…