05 2020 档案
摘要：1.Django与Python版本对应关系： 2.安装过程： 1>运行对话框中输入“cmd”，打开黑屏终端窗口 2>输入安装Django代码：pip install django==1.11.4 提示：“==1.11.4”是指定安装Django版本，也可以不写，不写就是默认安装Django最新版本
阅读全文
摘要：1.Django简介： 是一个开放源代码的Web应用框架，由Python写成。 初次发布于2005年7月，并于2008年9月发布了第一个正式版本1.0 2.MVC: 概述： 一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户
阅读全文
摘要：1.定义和用法 创建动画： animate(params,[speed],[callback]) 参数： paramas：表示一个包含属性和值的映射，可以同时包含多个属性，例如{left:"200px",top:"100px"} speed：表示动画运行的适度，参数规则同其他动画效果的speed一致
阅读全文
摘要：1.jQuery 拥有以下滑动方法： slideDown()：用于向下滑动元素。 语法：$(selector).slideDown(speed,callback); slideUp()：用于向上滑动元素。 语法：$(selector).slideUp(speed,callback); slideTo
阅读全文
摘要：1.定义和用法 jQuery 拥有下面四种 fade 方法： fadeIn()：用于淡入已隐藏的元素 语法：$(selector).fadeIn(speed,callback); fadeOut()：用于淡出可见元素。 语法：$(selector).fadeOut(speed,callback);
阅读全文
摘要：1.隐藏 hide() 方法来隐藏 HTML 元素 语法： $(selector).hide(speed,callback); 参数: speed:隐藏的速度，可以取以下值："slow"、"fast" ,"normal"或毫秒。 slow->600 normal->400 fast->200 cal
阅读全文
摘要：1.冒泡事件： 举例：点击div元素，body元素也会执行点击事件，从而修改了body背景，但是我们指向修改div的背景 <body> <div id="box1" style="background-color: #00FFFF;width: 70px;height: 70px;"> </div>
阅读全文
摘要：1.打印对象属性： 代码： <script type="text/javascript"> //入口函数 $(document).ready(function(e){ $("button").bind("click",function(e){ console.log(e) }) }) </scrip
阅读全文
摘要：1.hover() 方法 hover() 方法规定当鼠标指针悬停（鼠标移入移除）在被选元素上时要运行的两个函数。 方法触发 mouseenter 和 mouseleave 事件。 注意: 1.如果只指定一个函数，则 mouseenter 和 mouseleave 都执行它。 2.$(selector
阅读全文
摘要：1.trigger() 方法 trigger() 方法触发被选元素上指定的事件以及事件的默认行为（比如表单提交）。 语法： $(selector).trigger(event,eventObj,param1,param2,...) 示例1:不带参 <script type="text/javascr
阅读全文
摘要：1.bind移除事件： unbind() 方法移除被选元素的事件处理程序。 语法： $(selector).unbind(event) 2.delegate移除事件： undelegate() 方法移除一个或多个由 delegate() 方法添加的事件处理程序。 语法： $(selector).un
阅读全文
摘要：1.定义和用法 bind() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数。 语法： $(selector).bind(”type“[,data],fn); 参数： type：事件类型 data：可选参数，作为event.data属性值传递给事件对象的额外数据对象。大多数情况
阅读全文
摘要：1.定义和用法 事件模块中最重要的一个函数，它极大地提高了web响应速度 语法： $(document).ready(function(){}); 简写： // 当$()不带参数时默认就是document $().ready(function(){}); 还可以简写： $(function(){})
阅读全文
摘要：1.定义和用法 css() 方法设置或返回被选元素的一个或多个样式属性。 示例： <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 修改CSS属性 $("div").css("backgrou
阅读全文
摘要：1.定义和用法： addClass(class):为所有匹配的元素添加指定的CSS类名 注意：使用addClass()方式添加CSS类时，并不会删除先有的CSS类。同时，在使用以上方法时，其class参数都可以设置多个类名，类名与类名之间用空格分开 示例： <body> <script type="
阅读全文
摘要：1.包裹节点 wrap() :把匹配到的每一个元素用指定的HTML元素包裹起来 示例：把匹配到的每一个<p>标签用<div>包裹起来 <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 遍历 $
阅读全文
摘要：1.定义和用法 each() 方法为每个匹配元素规定要运行的函数。 提示：返回 false 可用于及早停止循环。 语法：$(selector).each(function(index){ }) 示例： <body> <script type="text/javascript"> //入口函数 $(d
阅读全文
摘要：1.定义和用法 $("element")replaceAll(selector) :方法把被选元素替换为新的 HTML 元素。 示例： <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 替换
阅读全文
摘要：1.定义和用法 clone() 方法生成被选元素的副本，包含子节点、文本和属性。 语法结构： $(selector).clone(true|false) 参数： true:规定需复制事件处理程序。 false:默认。规定不复制事件处理程序。 示例： <body> <script type="text
阅读全文
摘要：1.定义和用法 remove()：用于从DOM中删除所有匹配的元素，传入的参数用于根据jQuery表达式来筛选元素。 注意：remove()方法删除某个节点之后，该节点所包含的所有后代节点将同时被删除。该方法的返回值时一个指向已被删除的节点的引用，以后也可以继续使用这些元素。 <body> <scr
阅读全文
摘要：1.定义和用法 after(content):在被选元素之后插入内容 示例： <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 创建文本节点 var $jsp = $("<h1>hello w
阅读全文
摘要：1.定义和用法 append(content):为所有匹配的元素的内部追加内容（在被选元素的结尾插入内容） 示例： <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 创建文本节点 var $j
阅读全文
摘要：1.创建节点 $("<element></element>") 示例： <body> <script type="text/javascript"> var $jsp = $("<div></div>") console.log($jsp) </script> </body> 输出： 2.文本节点
阅读全文
摘要：1.定义和用法 val(): 用于获取全部匹配元素的值 val(value):用于设置匹配元素的值 示例1：文本框设置“hello world” <body> <script type="text/javascript"> $(document).ready(function(){ $("input
阅读全文
摘要：1.定义和用法 html(): 用于获取第一个匹配元素的HTML内容 html(val): 用于设置全部匹配元素的HTML内容 注意：内容中包含HTML代码可以被浏览器解析 注意：html()和html(val)不能用于XML文档，但是可以用于XHTML文档 示例 <body> <script ty
阅读全文
摘要：1.定义和用法 text(): 用于获取全部匹配元素的文本内容 注意：也可以解析XML文档元素的文本内容 示例： <body> <script type="text/javascript"> $(document).ready(function(){ console.log($("div").tex
阅读全文
摘要：元素的内容是指i定义元素的起始标记和结束标记之间的内容，可以分为文本内容和HTML内容 文本内容：div元素的文本内容为“sunck is a good man!”,文本内容不包含元素的子元素，只包含元素的文本内容 HTML内容：div元素的HTML内容为“<p>sunck is a good ma
阅读全文
摘要：1.含有特殊符号的注意事项 含有“.”、"#"、"("或“]”等特殊符号： 根据W3C规定，属性值中是不能包含这些特殊字符的，但在实际项目应用中偶尔也会遇到这种表达式中含有"#"和“]”等特殊字符的情况。这是，如果按照普通方式区处理的话就会出现错误。解决错的方法是使用转义符号将其转义 示例：$("#
阅读全文
摘要：1.定义和用法 表单选择器是匹配经常在表单内出现的元素。但是匹配的元素不一定在表单中 [:input] 说明：匹配所有input元素 示例：$(":input") //匹配所有input元素 $("form :input") //匹配<form>标记中所有input元素，需要注意，在form和:之间
阅读全文
摘要：1.定义和用法 属性选择器就是通过元素的属性作为过滤条件进行筛选对象。 [attribute] 说明：匹配包含给定属性的元素 示例：$("div[name]") //匹配含有name属性的div元素 [attribute=value] 说明：匹配属性值为value的元素 示例：$("div[name
阅读全文
摘要：1.定义和用法 子元素选择器就是筛选给定某个元素的子元素，具体的过滤条件由选择器的种类而定 :first-child 说明：匹配所有给定元素的第一个子元素 示例：$("ul li:first-child") //匹配ul元素中的第一个子元素li :last-child 说明：匹配所有给定元素的最后一
阅读全文
摘要：1.定义和用法 表单对象的属性过滤器通过表单元素的状态属性（例如选中，不可用等状态）匹配元素 :checked 说明：匹配所有选中的被选中元素 示例：$("input:checked") //匹配所有被选中的input元素 :disabled 说明：匹配所有不可用元素 示例：$("input:dis
阅读全文
摘要：1.定义和用法 元素的可见状态有两种，分别是隐藏状态和显示状态。可见性过滤器就是利用元素的可见状态匹配。 :visible 说明：匹配所有可见元素 :hidden 说明：匹配所有不可见元素 注意：在应用:hidden过滤器时，display属性时none以及input元素的type属性为hidden
阅读全文
摘要：1.定义和用法 简单过滤器是指以冒号开头，通常用于实现简单过滤效果的过滤器。 :contains(text) 说明：匹配包含给定文本的元素 示例：$("li:contains("word")") //匹配含有“word”文本内容的元素 :empty 说明：匹配所有不包含子元素或者文本的空元素 示例：
阅读全文
摘要：1.定义和用法 简单过滤器是指以冒号开头，通常用于实现简单过滤效果的过滤器。 :first 说明：匹配找到的第一个元素，它是于选择器结合使用的 示例：$("tr:first") //匹配表格的第一行 :last 说明：匹配找到的最后一个元素，它是与选择器结合使用的 示例：$("tr:last") /
阅读全文
摘要：1.定义和用法 prev~siblings选择器用于匹配prev元素之后的所有siblings元素。其中，prev和siblings是两个相同辈元素。 使用公式：$("prev~siblings") prev：是指任何有效的选择器 siblings：是prev元素之后同辈的所有siblings元素
阅读全文
摘要：1.定义和用法 prev+next选择器用于匹配所有紧接在prev元素后的next元素。其中，prev和next是连哥哥相同级别的元素。 使用公式：$("prev+next") prev：是指任何有效的选择器 next：是一个有效选择器并紧接着prev选择器 示例： $("div+img") //匹
阅读全文
摘要：1.定义和用法 parent>child选择器中parent代表父元素，child代表子元素，用于在给定的父元素下匹配所有的子元素。使用该选择器只能选择父元素的直接子元素。 使用公式：$("parent>child") parent：是指任何有效的选择器 child：是用以匹配元素的选择器，并且它是
阅读全文
摘要：1.定义和用法 ancestor descendant选择器中ancestor代表祖先，descendant代表子孙，用于在给定的祖先元素下匹配所有的后代元素 使用公式：$("ancestor descendant") ancestor：是指任何有效的选择器 descendant：是用以匹配元素的选
阅读全文
摘要：1.定义和用法 取得页面上所有的DOM元素集合的jQuery包装集 使用公式：$("*")
阅读全文
摘要：1.定义和用法 复合选择器将多个选择器(可以是ID选择器，元素选择器或是类名选择器)组合在一起，两个选择器之间用逗号‘，’分隔，只要符合其中的任何一个筛选条件就会被匹配，返回的是一个集合形式的jQuery包装集，利用jQuery索引器可以取得集合中的jQuery对象。 使用公式：$("selecto
阅读全文
摘要：1.定义和用法 类名选择器是根据元素拥有的CSS类的名称查找匹配的DOM元素。在一个页面中，一个元素可以有多个CSS类，一个CSS类又可以匹配多个元素，如果有元素中有一个匹配的类的名称就可以被类名选择器选到。简单地说类名选择器就是以元素具有的CSS类名称查找匹配的元素。 使用公式：$(".class
阅读全文
摘要：1.定义和用法 元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是DOM元素的标记名，也就是说元素选择器是更具元素的标记名选择的。 使用公式：$("element") 示例： $("div") //获取所有div元素
阅读全文
摘要：1.定义和用法 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素，并以jQuery包装集的形式返回给对象 使用公式：$("#id") 示例： $("#box") //获取id属性值为box 的元素
阅读全文
摘要：1.引入jQuery文件 <script src="./js/development%20jQuery%203.5.1.js" type="text/javascript" charset="utf-8"></script> 2.jQuery 入口函数: $(document).ready(func
阅读全文
摘要：1.jQuery选择器是什么： jQuery选择器是jQuery库中非常重要的部分之一。它支持网页开发者所熟知的css语法，能够轻松快速地对页面进行设置。 jQuery选择器是打开高效开发jQuery之门的钥匙 jQuery选择器的语法格式如下： $(selector).methodName();
阅读全文
摘要：实现：图片的轮播 html代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>轮播图</title> <!-- 导入css样式--> <link rel="stylesheet" type='text/css' href="
阅读全文
摘要：实现：按下鼠标拖动，盒子跟着一起移动 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> <style type="text/css"> body{ position: relativ
阅读全文
摘要：1.定义和用法 confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。 如果访问者点击"确定"，此方法返回true，否则返回false。 语法： confirm(message) 举例： <!DOCTYPE html> <html> <head> <meta charset="ut
阅读全文
摘要：1.阻止冒泡： stopPropagation() 举例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> </head> <body> <div id="box1" style="backg
阅读全文
摘要：2.事件流的实现 通过true或false来控制 举例1：从外向内流：true <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> </head> <body> <div id="box1" st
阅读全文
摘要：1.定义和使用 浏览器可视窗口坐标： clientY clientX 页面坐标： pageX pageY 电脑屏幕坐标： screenX screenY 鼠标按键： button
阅读全文
浙公网安备 33010602011771号