button样式 | 易学教程

Jquery第三课--jquery与HTML的配合

阅读更多关于 Jquery第三课--jquery与HTML的配合

a.获得内容 - text()、html() 以及 val() b.获取属性 - attr() c. append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 d. remove() - 删除被选元素（及其子元素） empty() - 从被选元素中删除子元素 e. addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .button{ width: 100px; height: 100px; background-color: aquamarine } <

06.前端之BootStrap

阅读更多关于 06.前端之BootStrap

iconfont的使用： https://www.cnblogs.com/changxin7/p/11479216.html Bootstrap介绍　　Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。　　它是为实现快速开发Web应用程序而设计的一套前端工具包。　　它支持响应式布局，并且在V3版本之后坚持移动设备优先。就是复制黏贴一把梭，html\css\js代码的封装组合为什么要使用Bootstrap？　　在Bootstrap出现之前：　　命名：重复、复杂、无意义（想个名字费劲）　　样式：重复、冗余、不规范、不和谐　　页面：错乱、不规范、不和谐　　在使用Bootstrap之后：各种命名都统一并且规范化。页面风格统一，画面和谐。 Bootstrap下载　　官方地址：https://getbootstrap.com 　　中文地址：http://www.bootcss.com/ 　　我们使用V3版本的Bootstrap，我们下载的是用于生产环境的Bootstrap。 Bootstrap环境搭建　　目录结构： bootstrap-3.3.7-dist/ ├── css // CSS文件 │ ├── bootstrap-theme.css // Bootstrap主题样式文件,官方提供的，一般不用 │ ├──

Android 给Button加个监听

阅读更多关于 Android 给Button加个监听

在 Android 开发过程中，Button是常用的控件，用起来也很简单，你可以在界面xml描述文档中定义，也可以在程序中创建后加入到界面中，其效果都是一样的。不过最好是在xml文档中定义，因为一旦界面要改变是话，直接修改一下xml就行了，不用修改Java程序，并且在xml中定义层次分明，一目了然。另一个是如果在程序中定义，还要将其加入到界面中，有的还要设置高度宽度，样式之类的，会使程序变得臃肿，开发和维护都不方便。我们先在程序中定义一个Button Button button = new Button(this);//定义一个button,其中this是上下文，这段代码是在一个Activity的onCreate中创建的。 button.setWidth(100);//一定要设置宽和高。不然会出错的。 button.setHeight(50); button.setText(“Click me”);//按钮上的文字 RelativeLayout relativeLayout = (RelativeLayout)findViewById(R.id.buttonLayout); relativeLayout.addView(button);//加到界面中以下是在UI xml中定义的按钮。 android:orientation=”horizontal” android

Phone-reset

阅读更多关于 Phone-reset

/* normalize.css */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { /* 1 */ display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } abbr

python学习之路 jQuery

阅读更多关于 python学习之路 jQuery

jQuery jQuery是一个JavaScript库。 jQuery极大地简化了JavaScript编程。该网址：http://jquery.cuishifeng.cn/ 几乎包含了所有的jQuery的使用方法。有些方法不明白可以去查一下。 jQuery库包含了一下功能： HTML 元素的选取 HTML 元素的操作 CSS操作 HTML 事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities 除了上面的外，jQuery还提供了大量的插件。 jQuery的版本现在的jQuery的版本含有几个系列分别是1.x 、2.x 、3.x 这三个版本的主要区别就是对浏览器的兼容性。为了更好的兼容性和能在绝大数浏览器上使用，本人使用的是1.x系列的。 jQuery可以到官网上下载对应的最新版本。使用jQuery的前期准备在使用jQuery的时候我们要先下载对应的jQuery版本。然后把jQuery导入。 jQuery导入方式：<script src="jquery-1.12.4.js"></script> 在body标签里面导入。 <body> <div id="i1">hello</div> <script src="jquery-1.12.4.js"></script> <script> console.log($("#i1"))

JQuery------库

阅读更多关于 JQuery------库

JQuery-------------模块、类库集成了DOM/BOM/JS的类库一、查找元素　　DOM 10左右　　JQuery: 　　　　选择器：　　　　筛选：　　ps:版本：　　1.x:兼容性最好。1.12推荐　　2.x 　　3.x 二、操作元素三、参考的文档和手册：http://jquery.cuishifeng.cn/ 先下载jsquery-1.12.4.js文件，复制到项目中，如图：下载地址-》》 jquery-1.12.4.js 、 jquery-1.12.4.min.js 在<script></script>中，用jQuery或$加.进行调用： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="cssenjian"/>  <style> /*自编样式*/ </style></head><body> <div id="i1">123</div> <script src="jquery-1.12.4.min.js"></script>  <script> //自定义编写的js jQuery $("#i1") /

前端之jQuery基础

阅读更多关于前端之jQuery基础

COPY自强仔找到div标签并给div标签设置为红色 // 原生js操作 var d1Ele = document.getElementById('d1'); d1Ele.style.color = 'red'; // jQuery操作 $('#d1').css('color','blue'); 基础语法 $(selector).action() // 样式演变，原本应该 jQuery(); // 为了简化 $(); 基本选择器 id选择器： $("#id") 标签选择器： $("tagName") class选择器： $(".className") 配合使用： $("div.c1") // 找到有c1 class类的div标签所有元素选择器： $("*") 组合选择器： $("#id, .className, tagName") 层级选择器： x和y可以为任意选择器 $("x y");// x的所有后代y（子子孙孙） $("x > y");// x的所有儿子y（儿子） $("x + y")// 找到所有紧挨在x后面的y $("x ~ y")// x之后所有的兄弟y 基本筛选器： :first // 第一个 :last // 最后一个 :eq(index)// 索引等于index的那个元素 :even // 匹配所有索引值为偶数的元素，从 0 开始计数 :odd //

深入学习jQuery样式操作

阅读更多关于深入学习jQuery样式操作

博客园首页新随笔联系订阅管理随笔 - 273 文章 - 0 评论 - 410 深入学习jQuery样式操作 × 目录 [1]设置样式 [2]增加样式 [3]删除样式 [4]切换样式 [5]判断样式 [6]样式操作前面的话　　使用javascript脚本化CSS是一个系列，包括行间样式、计算样式、 CSS类、样式表、动态样式和伪元素这六部分。而jQuery也实现了脚本化CSS的功能，提供了更为简单易用的方法设置样式　　前面介绍过jQuery的特性操作，可以通过 attr()方法进行样式设置 <style> .cB{color: blue;} </style> <script src="http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <div id="test">测试文字</div> <button id="btn1">按钮</button> <script> btn1.onclick = function(){ $('#test').attr('class','cB') } </script> 　　[注意]jQuery对象无法直接使用className属性设置类名，需要转换为javascript对象才可以使用 <style> .cB{color: blue;} <

layui中的layer使用

阅读更多关于 layui中的layer使用

1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 7 <title>layui中的layer</title> 8 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> 9 <script type="text/javascript" src="layer-v3.0.3/layer/layer.js"></script> 10 </head> 11 12 <body> 13 14 <button id="func1" onclick="func1();">初体验</button> 15 <button id="func2" onclick="func2();">皮肤</button> 16 <button id="func3" onclick="func3();">询问框</button> 17 <button id="func4" onclick="func4();">提示层<

Bootstrap框架

阅读更多关于 Bootstrap框架

Bootstrap框架 Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它支持响应式布局，并且在V3版本之后坚持移动设备优先。为什么要使用Bootstrap？在Bootstrap出现之前：命名：重复、复杂、无意义（想个名字费劲）样式：重复、冗余、不规范、不和谐页面：错乱、不规范、不和谐在使用Bootstrap之后：各种命名都统一并且规范化。页面风格统一，画面和谐。 Bootstrap下载官方地址：https://getbootstrap.com 中文地址：http://www.bootcss.com/ 我们使用V3版本的Bootstrap，我们下载的是用于生产环境的Bootstrap。 Bootstrap环境搭建目录结构： bootstrap-3.3.7-dist/ ├── css // CSS文件 │ ├── bootstrap-theme.css // Bootstrap主题样式文件 │ ├── bootstrap-theme.css.map │ ├── bootstrap-theme.min.css // 主题相关样式压缩文件 │ ├── bootstrap-theme.min.css.map │ ├── bootstrap

订阅 button样式