码迷,mamicode.com
首页 >  
搜索关键字:选择器    ( 9169个结果
jQuery选择器
选择器,用于选取页面上的元素对象。jQuery选择器完全继承了CSS选择器的方式。学会了CSS的选择器就会jQuery的选择器了。jQuery选择器是学习jQuery的基础 DOM如何获取页面中的元素对象? document.getElementById(‘id‘); document.getElementsByTagName(‘input‘); document.g..
分类:Web程序   时间:2016-09-01 09:26:44    阅读次数:227
CSS选择器
CSS语法 CSS语言的基本单位是样式声明:propertyName:value; CSS语言的使用方式 1、把CSS样式声明作为HTML标签的style属性值 2、使用CSS选择器如果不使用元素style属性值,CSS要想控制元素的样式,就先要定位,找到想要控制的元素。CSS使用选择器语法来定位元素,选择器有多..
分类:Web程序   时间:2016-09-01 00:31:53    阅读次数:137
jQuery提供的小方法
jQuery提供的小方法: 1、选择器 + 事件 + 函数 = 复杂的交互 2、循环处理与选择器匹配的各个元素:each() $("#").each(function(){ $(this).unblind('click'); }); 3、隐藏:hide();显示:show(); 4、向上滑动并消失: ...
分类:Web程序   时间:2016-08-31 20:22:59    阅读次数:237
CSSd的优先级别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择器的优先级别</title> <!-- CSS样式遵循的原则 1.相同类型的选择遵循就近原则,叠加原则 2.不同类型的选择器拥有优先级别: important ...
分类:Web程序   时间:2016-08-31 18:58:32    阅读次数:278
CSS的标签类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择器的优先级别</title> <!-- CSS样式遵循的原则 1.相同类型的选择遵循就近原则,叠加原则 2.不同类型的选择器拥有优先级别: important ...
分类:Web程序   时间:2016-08-31 18:48:27    阅读次数:195
CSS的选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS常见的选择器</title> <style> /*标签选择器*/ div{ color: red; } p{ color: blue; } /*类选择器*/ ...
分类:Web程序   时间:2016-08-31 18:29:26    阅读次数:165
设计中最常用的CSS选择器
一、标签选择器: 顾名思议,标签选择器是直接将HTML标签作为选择器,如p、h1、dl、strong等HTML标签。 如: p { font:12px;} em { color:blue;} dl { float:left; margin-top:10px;} 二、id选择器: 我们通常给页面元素定 ...
分类:Web程序   时间:2016-08-31 18:29:22    阅读次数:161
原生JS写的emoji表情选择器
笔者写这玩意找过n个表情选择器,都用到jquery,移动端实在不合适,因为jquery用min都得90k。而且不需要表情转文字或文字转表情这种功能。 本文用到的是div输入框,且选择表情后是直接往文本内容插入一段html(emoji为svg格式),效果表现是即见即得。 上代码 HTML CSS JS ...
分类:Web程序   时间:2016-08-31 15:43:41    阅读次数:353
CSS 基本概念(Basic CSS Concepts)二、规则结构
二、规则结构(rule structure) 规则是将样式应用到文档的基础。 每一个规则都是由多个组件组成的,并且都有一个特定的名称和功能。如下图所示。 选择器是确定文档的哪个部分是将由规则匹配的部分。 规则的样式将被应用到所选元素。例如,选择pre意味着所有pre的元素将被选择。在一个单一的规则上 ...
分类:Web程序   时间:2016-08-30 21:17:13    阅读次数:195
封装一个通用选择器的简单写法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>j</title></head><body> <div class="box"> <div class="cute">11111</div> <div class= ...
分类:其他好文   时间:2016-08-30 21:11:20    阅读次数:172
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!