开关 toggleClass('hide')

toggleClass 实现属性的反转 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } </style> </head> <body> <div class=&…

python ：开关，开灯关灯

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Title</title> <style > .hide{ display:none } </style> </head> &…

jquery实现按键增加删除css属性（hide）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } </style> </head> <body> <input type='checkbox' id='i2' /…

本节内容: jQuery 参考:http://jquery.cuishifeng.cn/ 模块 <==>类库 Dom/Bom/JavaScript的类库版本:1.x 1.12 2.x 3.x 转换: jquery对象[0] => Dom对象 Dom对象 => $(Dom对象) 一.查找元素二.操作元素本节概述: jQuery http://jquery.cuishifeng.cn/ 模块 <=>类库 DOM/BOM/JavaScript的类库版本: 1.x…

Python开发【前端】：jQuery

jQuery简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:…

Python之路-jQuery

参考网址:http://jquery.cuishifeng.cn/ 1.安装环境 2.查找元素 3.操作元素一.安装环境: 1.我们需要去官网下载jQuery,地址:http://jquery.com/download/ 2.版本选择. 2.1:目前jQuery版本分为1.x.2.x.3.x.为了更好的兼容性,我们通常使用1.x版本,因为它兼容IE8以下的版本,但是所有的命令不分版本,都适当用. 2.2:一般同一个版本有两个安装包jquery-1.x.x.js和jquery-1.x.min.j…

Python的平凡之路（17）

一.认识jQuery jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清…

jQuery运维开发之第十七天

JQuery 学习参考网址http://jquery.cuishifeng.cn/ python中叫模块,在DOM/BOM/Javascript中叫类库现在的JQ版本有:1.x 2.x 3.x 建议使用1.X的版本 (向下兼容) JQ与DOM的转换: JQ对象[0] ==> DOM对象 $(DOM对象) ==>JQ对象一.查找元素相对DOM查找个元素需要10多行代码,JQ就简单很多选择器,直接找到某个或者某类标签 1.id 写法 $('#id') 2.class 写法 $(…

Python学习笔记整理总结【web基础】【web/HTML/CSS/JavaScript/DOM/jQuery】

一.HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它. 浏览器负责将标签翻译成用户"看得懂"的格式,呈现给用户!(例:djangomoan模版引擎) 翻译成人话:一套规则,浏览器认识的规则. 标准模板: <!DOCTYPE html> #标准规范 <html lang="en&q…

前端-高潮 jQuery

jQuery:就是让页面动起来参考手册:http://jquery.cuishifeng.cn/ DOM/BOM/javaScript 继承的类库 <--->模块一.查找元素二.操作元素三.实例一.jQuery的导入版本:1.x 2.x 3.x 推荐使用1.x版本(兼容浏览器低版本) <script src="jquery-1.12.4.js"></script> <scirpt> $. 或 jquery.来调用方法 <…

22.jQuery(实例)

1.开关灯效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } </style> </head> <body> <input id="i1"…

6.jQuery(实例)

1.开关灯效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } </style> </head> <body> <input id="i1"…

python网络进阶篇

并发编程进程操作系统的历史 # 手工操作 —— 穿孔卡片 # 程序员将对应于程序和数据的已穿孔的纸带(或卡片)装入输入机,然后启动输入机把程序和数据输入计算机内存,接着通过控制台开关启动程序针对数据运行:计算完毕,打印机输出计算结果:用户取走结果并卸下纸带(或卡片)后,才让下一个用户上机. # 手工操作方式两个特点: # (1)用户独占全机.不会出现因资源已被其他用户占用而等待的现象,但资源的利用率低. # (2)CPU 等待手工操作.CPU的利用不充分. # 20世纪50年代后期,出现人机…

Python学习笔记第十七周

目录: 一.jQuery 内容: 一.jQuery: ps:版本 1.xx (推荐最新版本,兼容性好) 2.xx 3.xx 转换: jQuery对象[0] => DOM对象 $(DOM对象) => jQuery对象 1.查找元素基本: 1.id $('#id') 2.class $('.classname') 3.a标签 $('a') 4.$(''a,.c2',#i10) 表示同时拿到所有的a标签.class=c2的标签和id=i10的标签层级: $('#i10 a'…

python学习笔记_week17

note jQuery http://jquery.cuishifeng.cn/ 模块 <=>类库 DOM/BOM/JavaScript的类库版本: 1.x 1.12 2.x 3.x 转换: jquery对象[0] => Dom对象 Dom对象 => $(Dom对象) 一.查找元素 DOM 10个左右 jQuery: 选择器,直接找到某个或者某类标签 1. id $('#id') 2. class <div class='c1'></div> $(&quo…

D17——C语言基础学PYTHON

C语言基础学习PYTHON——基础学习D17 20181014内容纲要: 1.jQuery介绍 2.jQuery功能介绍 (1)jQuery的引入方式 (2)选择器 (3)筛选 (4)文本操作 (5)样式操作 (6)属性操作 (7)文本处理 (8)css处理 (9)位置 (10)事件 (11)jQuery扩展 3.实例展示 4.小结 5.推荐 1 jQuery介绍 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或Java…

Part15 – 前端之jQuery

本节内容 jQuery 一.jQuery jQuery是对DOM的封装 jQuery 中文在线文档:http://jquery.cuishifeng.cn/ 模块(Python) <--> 类库(其他语言中) jQuery:集合DOM/BOM/JavaScript的类库版本: .x 1.12 推荐(可以兼容旧版本浏览器) .x .x 转换: jQuery对象[] -> Dom对象 Dom对象 -> $(Dom对象) = jQuery对象一.查找元素 a.DOM 10左右 b.j…

day 17 jQuery

什么是jQuery? 可以把它认为是python中的模块,导入就可以使用模块中的功能. jQuery 的版本: 1.xx 系列 2.xx 系列 3.xx 系列最常用的为1 系列,1系列最新版为1.12 jQuery 的使用方法: 1 导入 <script src="jquery-1.12.4.js"></script> 2 使用 1 直接以jQuery 开头 2 使用$代替jQuery 完整使用方法: 使用jQuery 和普通DOM 来获取数据的不同: jQ…

前端学习之-- Jquery

Jquery学习笔记中文参考文档:http://jquery.cuishifeng.cn Jquery是一个包含DOM/BOM/JavaScript的类库引入jquery文件方法:<script src='jquery-1.12.4.js'></script>调用jquery方法有以下2种 <script> jQuery 或者 $ </script> Jquery版本系列包含: 1.X -> 推荐兼容性更好IE8以下 2.X 3.X Jquery和…

前端武器库之jQuery示例

1.全选反选取消相关知识点: - 选择器 - .prop $('#tb:checkbox').prop('checked'); 获取值 $('#tb:checkbox').prop('checked', true); 设置值 - .each jQuery方法内置循环: $('#tb:checkbox').xxxx - $('#tb:checkbox').each(function(k){ // k当前索引 // this,DOM,当前循环的元素 $(this) }) - 三元运算 var…

jquery 知识整理

大纲一.jQuery简介二.jQuery 和Dom关系及jQuery版本 1.jQuery版本 2.jQuery和Dom转换三.jQuery 选择器 1.1.基本 1.2.层级 2.基本筛选器 3.属性选择器 4.1.表单 4.2.表单对象属性四:jQuery 示例 1.示例:全选.反选.取消 2.1.筛选器示例:左侧菜单点击展开内容 2.2.筛选器 3.1.jQuery 文本.样式以.属性.文档处理操作 3.2.示例:模态对话框 4.示例:tab切换菜单 5.示例:点赞以及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>&…

Python 学习第十七天 jQuery

一,jQuery 知识详解利用jquery 查找元素,操作元素 1,jquery 引入 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="i1">123</div>…

jquery属性

1.toggleClass() 如果对象有class属性,则删除: 如果没有class属性,则加上. <style> .hide{ display: none; } </style> <div id='nid'>12<a>google</a>34</div> $('#nid').toggleClass('hide') //此句的功能把上面的 div 改成: <div id='nid' class='hide'>…

HTML、CSS和JS

一.html 1.web流程中的HTML HTML---->赤裸裸的人 CSS ---->穿华丽的衣服 JS ---->让人动起来浏览器和server端之间的通信本质上是字符串;浏览器将字符串处理为可视化的东西; web框架的祖宗是socket: #!/usr/bin/env python # _*_ coding:utf- _*_ import socket def handle_request(client): buf = client.recv() client.send…

自定义TREEVIEW UL无限极嵌套

背景:做一个多级图片分类管理,当然要用到TreeView,在asp.net中已经提供了此服务器控件,参照效果,自定义一个简单可控性高的就当做练手吧! 效果:如图,小图标折叠展开 ico-treeview-1.png ico-treeview-2.png HTML: <div class="container mt30"> <ul class="tree"> <li><i…

web项目-easyui-datagrid使用汇总

一,引言工作的需要,做了3年的wpf--,又因为项目的需求,回归到web的开发. ■ 3 years ago,vue是我三年前没用过的玩意儿. ■ 3 years ago,bootstrap组件没现在成熟. ■ 3 years ago,font awesome的普及度没有现在高. ■ 3 years ago,做技术选型的时候,ui也比以前丰富了不少. 二,项目的前端(easyui的风格) 整个项目采用了oracle + dapper + castle + mvc + easyui的…

html_jQuery

jQuery:对Dom和js的封装模块 jQuery 低版本(1.x)兼容IE,jquery下载:http://jquery.com/download/ 若不考虑兼容ie,可下载最新版我用的jQuery版本:https://code.jquery.com/jquery-3.3.1.js 可以把min.js文件转换为.js文件滴东东:http://tool.chinaz.com/Tools/JsFormat.aspx jQuery提供所有的方法:http://jquery.cuishifeng.…

echarts、higncharts折线图或柱状图显示数据为0的点

echarts.higncharts折线图或柱状图只需要后端传到前端一段json数据,接送数据的x轴与y周有对应数据,折线图或柱状图就会渲染出这数据. 比如,x轴表示美每天日期,y轴表示数量.他们的数据都在数据库里存着.如下图: 它们的数据存放数据库中,x轴为每周的周一,并且代表当前周的违规次数或人数.由于3月25日到3月31日那周和4月8日到4月14日那周都没人违规,所以数据库中并没有这两周的任何数据,所以后端从数据库拿到数据并传到前端,渲染出来的图就如上两图了. 若要那两周就算没数据也想展示…

web项目 easyui-datagrid开发实践

一,引言工作的需要,做了3年的wpf(mvvm)……,又因为项目的需求,回归到web的开发. ■ 3 years ago,vue是我三年前没用过的玩意儿. ■ 3 years ago,bootstrap组件没现在成熟. ■ 3 years ago,font awesome的普及度没有现在高. ■ 3 years ago,ui组件的选择也没有现在多. 二,项目的前端(easyui模板订制) 整个项目采用了oracle + dapper + castle + mvc + easyui的…