checkbox样式

jQuery校验

由 南笙酒味 提交于 2019-11-28 03:08:46
官网地址： http://bassistance.de/jquery-plugins/jquery-plugin-validation 一导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 二、默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 日期校验ie6出错，慎用 (6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性 (7)number:true 必须输入合法的数字(负数，小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:"#field" 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀）

python 之 前端开发（ jQuery选择器、筛选器、样式操作、文本操作、属性操作、文档操作）

由 吃可爱长大的小学妹 提交于 2019-11-28 01:31:39
11.5 jQuery 引入方式： 方式一：本地引入 <script src="jquery-3.3.1.min.js"></script> <script> //注意，一定在引入jQuery之后，再使用jQuery提供的各种操作 code... </script> ​ 方式二：直接使用CDN <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script> code... </script> 文档就绪事件： DOM文档加载的步骤 1. 解析HTML结构。 2. 加载外部脚本和样式表文件。 3. 解析并执行脚本代码。 4. DOM树构建完成。 5. 加载图片等外部文件。 6. 页面加载完毕 11.51 选择器 id选择器： $("#i1") 标签选择器： $("p") class选择器： $(".c1") 所有元素选择器： $("*") 交集选择器： $("div.c1") // 找到类为c1的div标签 并集选择器： $("#i1,.c1,p") // 找到所有id="i1"的标签和class="c1"的标签和p标签 层级选择器： $("x y"); // x的所有后代y（子子孙孙） $("x>y"); // x的所有儿子y（儿子） $("x+y") // 找到所有紧挨在x后面的兄弟y

input checkbox 多选选中样式

由 梦想与她 提交于 2019-11-27 19:52:14
input checkbox 多选选中样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>checkbox css change</title> <style type="text/css"> //选择input类型是checkbox的标签 前面的label input[type="checkbox"] + label { cursor: pointer; font-size: 1em; } [id^="checkbox-"] + label { //未选中的框框 background-color: #ffffff; border: 1px solid #666666; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; border-radius: 3px; display: inline-block; vertical-align: middle; } [id^="checkbox-"] + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0

Python自学第十四周（1）

由 老子叫甜甜 提交于 2019-11-27 10:46:03
Day14 首先了解一下socket与浏览器 1 #Author： Zachary 2 import socket 3 4 def handle_request(client): 5 buf = client.recv(1024) 6 client.send(bytes("HTTP/1.1 200 OK\r\n\r\n",encoding = "utf-8")) 7 client.send(bytes("Hello, Seven",encoding = "utf-8")) 8 9 def main(): 10 sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) 11 sock.bind(('localhost', 8000)) 12 sock.listen(5) 13 while True: 14 connection, address = sock.accept() 15 handle_request(connection) 16 connection.close() 17 18 if __name__ == '__main__': 19 main() 运行之后，在浏览器中输入localhost:8000 返回以下页面 HTML入门 编写Html文件 -doctype对应关系 -html标签，标签内部可以写属性

python day49

由 强颜欢笑 提交于 2019-11-26 15:49:01
昨日内容回顾 BOM和DOM BOM浏览器对象模型 window.open(url,'','width=400px,height=400px') window.opener() 子页面能够直接通过该方法调用父页面中的函数 window.close() window.location.href 获取当前网页所在的url window.location.href = url 当前跳转到指定的url 通常是结合ajax一起使用 定时器相关 setTimeOut clearTimeOut setInterval clearInterval 弹出框 alert confirm prompt DOM文档对象模型与 DOM树的概念 如何查找标签 基本选择器: document.getElementById 标签对象本身 document.getElementsByClassName 数组 document.getElementsByTagName 数组 如何操作标签 变量名如果指代的是一个标签那么推荐书写格式为 xxxEle 如果指代的是一个jQuery对象那么建议在变量名前面加上一个$ 示例:P标签: pEle $pEle 节点操作: document.createElement('标签名') appendChild: 父标签.insertBefore(新创建的标签,本来就有的标签)

前端之jQuery

由 旧城冷巷雨未停 提交于 2019-11-26 15:47:35
jQuery 　　jQuery介绍 　　　　1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 　　　　2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 　　　　 　　jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件

前端之jQuery

由 狂风中的少年 提交于 2019-11-26 15:46:14
jQuery 1.jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 2.jQuery的优势 　　 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

前端之jQuery

由 余生长醉 提交于 2019-11-26 15:45:31
jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

微信 checkbox修改样式

由 穿精又带淫゛_ 提交于 2019-11-26 13:59:23
https://www.jianshu.com/p/f8d7932006c0 https://blog.csdn.net/qq_36894527/article/details/83893426 /*checkbox 整体大小 */ checkbox { width: 240rpx; height: 90rpx; } /*checkbox 选项框大小 */ checkbox .wx-checkbox-input { width: 50rpx; height: 50rpx; } /*checkbox选中后样式 */ checkbox .wx-checkbox-input.wx-checkbox-input-checked { background: #FF525C; } /*checkbox选中后图标样式 */ checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { width: 28rpx; height: 28rpx; line-height: 28rpx; text-align: center; font-size: 22rpx; color: #fff; background: transparent; transform: translate(-50%, -50%) scale(1); -webkit
订阅 checkbox样式