button样式 | 易学教程

jQuery基本语法

阅读更多关于 jQuery基本语法

为什么要用jQuery? 写起来简单，省事，开发效率高，兼容性好(write less,do more). 什么事jQuery? jQuery是一个兼容多浏览器的JavaScript库(类似python里面的模块), 如何使用jQuery? 导入： <script src="jquery-3.2.1.js"></script> 　　　　<script src="jquery-3.2.1.min.js"></script> 语法规则:$("") JS和jQuery的区别? jQuery就是用JS写的 js是基础，jQuery是工具选择器基本选择器　　ID选择器　　$("#id的值") 　　类选择器(class) $(".class的值") 　　标签选择器(html标签) $("标签的名字") 　　所有标签　　　　$("*") 　　组合选择器　　$("xx,xxx") 层级选择器 $("x y");// x的所有后代y（子子孙孙） $("x > y");// x的所有儿子y（儿子） $("x + y")// 找到所有紧挨在x后面的y $("x ~ y")// x之后所有的兄弟y　 jQuery对象　　用jQuery选择器查出来的就是jQuery对象　　jQuery对象，他就可以使用jQuery方法，不能使用DOM的方法　　DOM对象和jQuery对象的转换: 　　　　--

JQ——选择器（基本选择器）

阅读更多关于 JQ——选择器（基本选择器）

1、JQ函数： <script> $(function(){ $("#b1").click(function(){ $("#111").css("background-color","red"); }); $("#b2").click(function(){ $(".mini").css("background-color","red"); }); $("#b3").click(function(){ $("div").css("background-color","red"); }); $("#b4").click(function(){ $("*").css("background-color","red"); }); $("#b5").click(function(){ $("#two,.mini").css("background-color","red"); }); }); </script> 该函数的功能是获取特定的元素值并添加颜色。基本选择器共有四种： $("#id") //ID选择器 $("div") //元素选择器 $(".classname") //类选择器 $(".classname,.classname1,#id1") //组合选择器 <body> <input type="button" id="b1" value="选择编号为111的元素"/>

day01 jQuery 介绍 jQuery的操作事件三步走入口函数动画

阅读更多关于 day01 jQuery 介绍 jQuery的操作事件三步走入口函数动画

day01 jQuery 介绍 jQuery的操作事件三步走入口函数动画一.jQuery的介绍 1.jQuery的概念全称: JavaScript query 简称: jq,是库,对部分js功能的封装: 封装了入口函数带来的问题, 兼容性问题, DOM操作, 事件, ajax等 js的思想: 写的多做的少, 兼容性也没做 jQuery的核心思想: write less, do more 使用时: jQuery中不要出现js的操作, 不通用 2.npm 包管理器 (node package manager) 这个工具在哪: 前端的后台语言nodesjs会带来npm 使用npm安装包: npm install jquery -S 3.jquery的下载安装下载地址: 官网下载 https://jquery.com/ 下载地址: 也可在 https://www.bootcdn.cn/ 下载文件说明: jquery.js 未压缩的, 我们可以看懂的,开发环境的几百KB jquery.min.js 压缩过的, 混淆过的,生产环境的几十KB 二.jQuery的操作 1.jQuery对DOM的操作 1.1.jquery.js文件解析文件开头定义jQuery: 是一个函数对象文件末尾: 把jQuery赋值给了 $ 变量,方便使用时书写 var version = "3.4.6

初识JS

阅读更多关于初识JS

`` 什么事JavaScript？ JavaScript是一种具有面向对象能力的，解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。前端三层： HTML ：页面结构 CSS ：页面样式 JavaScript：交互，行为 ECMScript 是JavaScript的标准 JavaScript的组成 1. ECMAScript 2. 文档对象，模型（ DOM ） 3. 浏览器对象模型（ BOM ） JS 基本写法 //行间JS，不要这么写 < button onclick = alert ( "点我干啥，我忙着呢" ) > button < / button > //使用script标签引入JS < script > alert ( "Hello world!" ) ; < / script > //引入外部JS文件 < script src = "js/myjs.js" > < / script > 行为习惯 JS 中的单行注释 Ctrl + / js中的多行注释Ctrl + shift + / 分号不能省略 alert ( 'alert' ) ; alert ( 'alert2' ) 来源： CSDN 作者：付娟的个人链接： https://blog.csdn.net/Steamgirl/article/details

WPF界面设计技巧（10）-样式的继承

阅读更多关于 WPF界面设计技巧（10）-样式的继承

PS:现在我的 MailMail 完工了，进入内测阶段了，终于可以腾出手来写写教程了哈，关于MailMail的介绍及内测程序索取： http://www.cnblogs.com/SkyD/archive/2008/08/09/1264083.html 欢迎帮我捉虫，以及与我交流WPF技术 WPF的样式的继承属性极少被文章提及，以至于我在编写 MailMail 期间为此踌躇数日，最后终于在E文版的MS社区得到指点才得以解惑。现将其分享出来，这是一个非常有用的特性，这是所有教程在讲Style时就该顺带讲出来的，我希望更多人看到，以少走弯路。 WPF的样式需要显示声明继承，即使用Style的BasedOn属性。我们先在资源中定义一个基样式： < Style x:Key ="BASE" > < Setter Property ="Control.Margin" Value ="6" /> < Setter Property ="Control.Background" > < Setter.Value > < LinearGradientBrush StartPoint ="0.5,0" EndPoint ="0.5,1" > < GradientStop Offset ="1" Color ="#FF7A0000" /> < GradientStop Offset ="0.5"

[iOS UI进阶 - 5.0] 手势解锁Demo

阅读更多关于 [iOS UI进阶 - 5.0] 手势解锁Demo

A.需求 1.九宫格手势解锁 2.使用了绘图和手势事件 code source: https://github.com/hellovoidworld/GestureUnlockDemo B.实现使用按钮来处理每个圆点使用代码生成按钮取消按钮点击事件设置普通状态和选中状态的背景图片 CGRectContainsPoint，移动到按钮范围内改变按钮为选中状态按钮的连接：使用数组存储被选中的所有按钮，画上连线已经连线的按钮不需要再连线触摸结束清空连线和按钮选中状态移动中也要画出线，最后的点用来辅助画移动中的线解决bug：每次触摸开始重置当前画笔位置设置触摸触发选中的按钮内部范围使用tag记录按钮的选中顺序轨迹，触摸结束取得轨迹封装整个手势解锁view成为一个自定义控件封装按钮称为自定类 1.准备基础界面，使用一个UIView作为解锁画面 2.在控制器ViewController设置一下背景图片和状态栏 1 // 2 // ViewController.m 3 // HVWLockView 4 // 5 // Created by hellovoidworld on 15/1/12. 6 // Copyright (c) 2015年 hellovoidworld. All rights reserved. 7 // 8 9 #import

wpf中的样式与模板

阅读更多关于 wpf中的样式与模板

1.WPF样式类似于Web应用程序中的CSS，在WPF中可以为控件定义统一的样式(Style)。样式属于资源的一种，例如为Button定义统一的背景颜色和字体： <Window.Resources> <Style TargetType="Button"> <Setter Property="Background" Value="Yellow" /> </Style> </Window.Resources> <StackPanel> <Button>Button A</Button> </StackPanel> 在Style中定义的属性及值，影响到Window中的所有类型为Button的控件的样式这种样式，类似于CSS中的类型选择器，为某种类型定义样式。此外还可以在Style中加入x:Key属性，做为特定的样式(注意，这种也需要定义TargetType); 在第一个样式的基础上创建一个新样式可以达到这一目的，如下所示：<Window.Resources> <Style x:Key="BigFontButtonStyle"> <Setter Property="Control.FontFamily" Value="Times New Roman" /> <Setter Property="Control.FontSize" Value="18" /> <Setter

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.css │ ├──

富文本编辑器bootstrap-wysiwyg

阅读更多关于富文本编辑器bootstrap-wysiwyg

之前demo相关博客查看的，只有3.x多的版本才有这些图标显示出来。应该是某些属性是用的老的样式，新版的没研究先用这3.x版本的吧。 https://www.bootcdn.cn/font-awesome/ https://plugins.jquery.com/hotkeys/ 需要引入css: <link th:href="@{/css/bootstrap-combined.no-icons.min.css}" rel="stylesheet"/> <link th:href="@{/bootstrap-4.4.1-dist/css/bootstrap.min.css}" rel="stylesheet" type="text/css" /> <link th:href="@{/css/font-awesome.css}" rel="stylesheet"/> <link th:href="@{/css/index.css}" rel="stylesheet"/> js: <script th:src="@{/js/jquery-3.4.1.min.js}"></script>  <script th:src="@{/js/jquery.hotkeys.js}"></script> <!--bootstrap.bundle.min.js此文件包含Popper

JavaScript入门学习之四——JQuery入门

阅读更多关于 JavaScript入门学习之四——JQuery入门

在前面一章我们已经点到过，很多的情况我们都是通过JQuery来对标签进行操作的，在这一章我们就来好好讲一讲这个JQuery。 JQuery初识先看看JQuery的使用 JQuery的特点：可以用及其简练的语言来做JS做的事情(write less,do more) JQuery就是一个JS文件,相当于一个Python的第三方模块，直接拿过来用就可以了（但是需要按照要求的规则）。但是原生的JS DOM是基础，其实还是通过这些基础来实现所有的操作。我们要学习的，JQuery最常用的方向，也就是改变标签的属性、样式和事件相关的一系列操作。 JQuery的基础语法 JQuery的语法还是比较简单的，只有一句必须要掌握的 $(selector).action() 前面的selector就相当于一个标签选择器，后面的action就是相对应的操作标签选择器 id选择器 $("#id") 标签选择器 $("tagName") class选择器 $(".className") 所有元素选择器 $("*") 选择器的配合使用 $("tagName.className") //两个条件一定不能加空格，要紧挨着，加了空格就有层级的效果，下面会讲到组合选择器同时符合多个条件 $("condition1,condition2...") 练习题结合上面的各种基本组合器看看下面的方法应该怎么实现

订阅 button样式