自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(63)
  • 收藏
  • 关注

原创 removeClass删除类名称

removeClass方法从所有匹配的元素中删除全部或者指定的类。HTML代码页面显示的效果上面的事例已经完成了,接下来,用jQuery的方法来删除用bootstrap.css插件给button标签上的某个类名。jQuery代码 页面上显示的显示效果removeClass方法可给一个或多个要删除的CSS类名,请用空格分开。...

2020-10-09 09:29:48 1535

原创 addClass添加类名称

addClass方法为每个匹配的元素添加指定的类名。HTML代码页面执行的效果上面的事例已经完成了,接下来,用jQuery的方法来添加一个bootstrap.css插件里面的样式。jQuery代码页面上显示的显示效果addClass方法可给一个或多个要添加到元素中的CSS类名,请用空格分开。...

2020-10-09 09:12:18 980

原创 hide的隐藏效果

这个就是 ‘hide( speed, [callback] )’ 的无动画版。如果选择的元素是隐藏的,这个方法将不会改变任何东西。例图如下:上面写的是hide的无动画显示效果的写法。接下来为就用动画的写法,在show方法括号里面可填一些属性值,比如:speed:三种预定速度之一的字符串(“slow”,“normal”,or “fast”)或表示动画时长的毫秒数值(如:1000)easing:(Optional)用来指定切换效果,默认是"swing",可用参数"linear"fn:在动画完成

2020-09-29 09:04:27 723

原创 show的显示效果

显示隐藏的匹配元素。这个就是 ‘show( speed, [callback] )’ 无动画的版本。如果选择的元素是可见的,这个方法将不会改变任何东西。就算是在CSS里设置了display:none;,这个方法都将有效。要引入jQuery插件才可使用该方法。例图如下:上面写的是show的无动画显示效果的写法。接下来为就用动画的写法,在show方法括号里面可填一些属性值,比如:speed:三种预定速度之一的字符串(“slow”,“normal”, or"fast")或表示动画时长的毫秒数值(如:10

2020-09-29 08:25:21 506

原创 键盘松开事件

onkeyup 属性在用户(在键盘上)释放按键时触发。但是onkeyup和onkeydown,这两个事件虽然是键盘事件,但是他们的作用却是不一样的,onkeydown是键盘按下,而onkeyup是当键盘按下松开时触发控制台输出效果,不管按下去的时长有多久只要不松开按下的键位他就不会在控制台那边触发效果。例图如下:HTML代码在input里面输入的数值,控制台输出结果的...

2020-09-24 11:37:41 717

原创 键盘按下事件

onkeydown: 键盘被按下事件- 如果一直按着某个键不松开,则会一直触发该事件- 当onkeydown事件连续触发时,第一次和第二次之间的间隔时间稍微长一点,其他则会非常快。这是为了防止误操作的发生例子:var txt = document.getElementById("txt"); txt.onkeyup=function(){ console.log(123); }在源代码中添加了一个input搜索框,然后JavaScript里面获取到已添加上ID

2020-09-24 11:07:59 2858

原创 数据的删除操作

数据的删除操作删除和新增修改的写法不一样,删除是弹出提示框。而新增修改是弹出模态框。以上则是删除代码。

2020-09-10 11:10:33 223

原创 JavaScript的颜色切换

我们要网页面切换颜色butoon标签按钮肯定是不能少的,在上面写上内联样式和ID值,至于button里面的内容随便。最后在原生js里面获取四个button标签的ID值,设置button四个不同的颜色样式,之后在里面给body文档标签添加上背景颜色。(注:document和body的两个文档是不同的,body是文档里面的内容,而document则是整个文档,两个文档类型不一样不要搞混喽)...

2020-09-10 10:56:29 647

原创 Vs的数据库引入

首先在项目里面的解决方案找到Models,然后右键à添加à新建项。打开这个页面之后就选择数据在里面找到ADO.NET实体数据模型然后点击确定。选择第一个,点击下一步。点击新建连接。在里面输入SQL的服务器名、用户名和密码,之后在下面选择你想要数据库文件表,想知道是否选择到,可以点击测试连接如果连接失败说明服务器不存在或者用户名和密码又或则数据库名称,成功之后就点击确定。选择“是“,选择下一步。选择“实体框架6.x”,点击下一步。然后选择,把所有表勾上,点击完成,最后等待数据库模型.

2020-08-28 18:58:34 212

原创 Vs的数据库引入

首先在项目里面的解决方案找到Models,然后右键à添加à新建项。打开这个页面之后就选择数据在里面找到ADO.NET实体数据模型然后点击确定。选择第一个,点击下一步。点击新建连接。在里面输入SQL的服务器名、用户名和密码,之后在下面选择你想要数据库文件表,想知道是否选择到,可以点击测试连接如果连接失败说明服务器不存在或者用户名和密码又或则数据库名称,成功之后就点击确定。选择“是“,选择下一步。选择“实体框架6.x”,点击下一步。然后选择,把所有表勾上,点击完成,最后等待数据库模.

2020-08-28 18:54:06 722

原创 如何新建ASP.NET.Web 应用程序项目

首先,打开vs,然后点击文件à新建à项目之后选择模板àVisualc#à在里面找到或者搜索ASP.NET.Wab应用程序,之后就点击确定。到了这一步选择的模板,我们就选择Empty(空模板),然后在下面选择MVC的核心引用,点击确定。点击确定之后可能会跳出这个设置,我们就把他取消掉,最后就是等待他创建完成。...

2020-08-28 17:22:44 331

原创 如何新建ASP.NET.Web 应用程序项目

首先,打开vs,然后点击文件à新建à项目之后选择模板àVisualc#à在里面找到或者搜索ASP.NET.Wab应用程序,之后就点击确定。到了这一步选择的模板,我们就选择Empty(空模板),然后在下面选择MVC的核心引用,点击确定。点击确定之后可能会跳出这个设置,我们就把他取消掉,最后就是等待他创建完成。...

2020-08-28 17:18:49 353

原创 删除数据操作

1、 在方法的括号里面赋一个参数于视图的数据进行交互,在方法里面查询数据并判断是否为空之后以核心代码结尾。2、之后把方法名赋给删除按钮,最后完成这一系列的操作,就可以删除数据了。...

2020-08-19 19:14:38 686

原创 删除数据操作

1、 在方法的括号里面赋一个参数于视图的数据进行交互,在方法里面查询数据并判断是否为空之后以核心代码结尾。2、之后把方法名赋给删除按钮,最后完成这一系列的操作,就可以删除数据了。...

2020-08-19 19:12:12 282

原创 修改数据操作

新增和修改差不多都是一样的获取点击事件里面方法名称,不过这次是用原生js来构建修改的点击按钮。Lambda基本语法:解析 所有的lambda表达式都是用新的lambda运算符 " => ",可以叫他,“转到”或者 “成为”。 运算符将表达式分为两部分,左边指定输入参数边是lambda的主体,一些筛选语句等等,可以简单的理解为SQL里面的where条件在写修改之前,要先把数据绑定并回填到模态窗体里所有的input标签,用Lambda表达式来查询S_Air...

2020-08-19 16:59:21 252

原创 修改数据操作

1、 新增和修改差不多都是一样的获取点击事件里面方法名称,不过这次是用原生js来构建修改的点击按钮。Lambda基本语法:解析所有的lambda表达式都是用新的lambda运算符 " => ",可以叫他,“转到”或者 “成为”。运算符将表达式分为两部分,左边指定输入参数边是lambda的主体,一些筛选语句等等,可以简单的理解为SQL里面的where条件2、 在写修改之前,要先把数据绑定并回填到模态窗体里所有的input标签,用Lambda表达式来查询S_Airport的数据。3、 在控制

2020-08-19 16:58:18 436 1

原创 新增数据

1、首先第一步需要给div标签并绑定点击事件和方法名称,获取到新增按钮的点击名称。2、其次就是用function来封装openInsertModal命名方法,在方法里面获取整个表单里面的input标签并重置他里面的数据和获取模态窗体的ID值并用modal方法弹出显示内容框出来。3、写完外部之后就获取内部新增内容框的确定按钮点击事件的方法名,再用function方法封装。完成这一步后就在此方法里面获取到内容框里面的input的name值。而后就用if判断语句,判断所有的值内容不能为空否,在用数据请求po.

2020-08-19 16:13:56 145

原创 新增数据

什么是数据新增。新增是模态窗体中内容组合,简单的说一个盒子里面装有水果(内容),之后你想再要一盒水果箱(内容),就要拿钱去买(点击新增按钮)做完支付(点击内容中的确定按钮)操作,就又有一盒(条)一模一样水果箱(数据)。1、首先需要给div标签并绑定点击事件和方法名称,获取到新增按钮的点击名称。2、其次就是用function来封装openInsertModal命名方法,在方法里面获取整个表单里面的input标签并重置他里面的数据和获取模态窗体的ID值并用modal方法弹出显示内容框出来。3、写完外

2020-08-19 15:37:56 73

原创 jQuery事件 滑入和滑出

无动画的显示和隐藏跟滑入滑出都是一样的, 只是滑入滑出是带动画的上下移动。之后不要忘了把jQuery插件引入获取button上面的ID名赋予点击事件,之后事件里面获取需要执行操作的元素ID,用slideUp方法(缓慢的将段落滑上)把显示的窗体隐藏起来。如果你的元素是隐藏状态的就把slideUp改成slideDown方法(缓慢的将段落滑下)把隐藏的元素显示出来。同样如果你觉得这样操作太麻烦,你可以改成以上实例的结果slideToggle(用600毫秒缓慢的将段落滑上或滑下)这样两个显示和隐藏的效果就都用上了。

2020-08-18 17:09:33 1385

原创 jQuery事件 无动画显示和隐藏

写jQuery事件之前先布好局,先一个div标签之后在div里面放一个button标签并给他一个ID值,而button标签的下面则是需要执行操作的内容部分。之后把jQuery插件引入接下来写jQuery代码,获取button上面的ID名赋予点击事件,注意这里的点击的事件在jQuery里面是不加on的,之后事件里面获取需要执行操作的元素ID,用hide方法(隐藏元素)把显示的窗体隐藏起来。如果你的元素是隐藏状态的就把hide改成show方法(显示元素)把隐藏的元素显示出来。如果你觉..

2020-08-18 16:16:52 119

原创 jQuery事件 滑入和滑出

无动画的显示和隐藏跟滑入滑出都是一样的, 只是滑入滑出是带动画的上下移动。之后不要忘了把jQuery插件引入获取button上面的ID名赋予点击事件,之后事件里面获取需要执行操作的元素ID,用slideUp方法(缓慢的将段落滑上)把显示的窗体隐藏起来。如果你的元素是隐藏状态的就把slideUp改成slideDown方法(缓慢的将段落滑下)把隐藏的元素显示出来。同样如果你觉得这样操作太麻烦,你可以改成以上实例的结果slideToggle(用600毫秒缓慢的将段落滑上或滑下)这样两个显示和隐藏的效.

2020-08-18 15:11:25 803

原创 jQuery事件 无动画的显示和隐藏

写jQuery事件之前先布好局,先一个div标签之后在div里面放一个button标签并给他一个ID值,而button标签的下面则是需要执行操作的内容部分。之后把jQuery插件引入接下来写jQuery代码,获取button上面的ID名赋予点击事件,注意这里的点击的事件在jQuery里面是不加on的,之后事件里面获取需要执行操作的元素ID,用hide方法(隐藏元素)把显示的窗体隐藏起来。如果你的元素是隐藏状态的就把hide改成show方法(显示元素)把隐藏的元素显示出来。如果你觉得这样操作太麻.

2020-08-18 15:04:30 111

原创 17.jQuery异步ajax

1.1jQuery中的$.ajax({settings})方法$.ajax({settings});type:类型,“POST"或"GET”,默认值为"GET"url:发送请求的地址async:设置异步,(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以 执行。data:是一个对象,连同请求发送到服务器的数据dataType:预期服务器返回的数据类型,如果不指定,j

2020-05-10 22:26:47 105

原创 16. jQuery动画效果

1.0 jQuery中的自定义动画 Animation前面几个方法,都是jQuery中定义的比较简单的动画效果,如果想要实现更为复杂的动画,则需要使用animation动画实现animate(params,[speed],[easing],[fn]) 用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性 (如“he...

2020-05-06 23:05:40 90

原创 14.jQuery事件

slideDown([speed],[easing],[fn])通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来例子:{//上滑function slideUpFun() {$(".wrap").slideUp(‘slow’);}}slideUp([speed],[easi...

2020-05-06 22:56:48 67

原创 14.jQuery DOM节点操作

1.0 append()与appendTo()方法 append(content|fn):向每个匹配的元素内部追加内容 - $(A).append(B);将B添加到A的下面位置 appendTo(content):把所有匹配的元素追加到另一个指定的元素元素集合中。 - $(A).appe...

2020-05-05 22:34:15 83

原创 jQuery 基础使用与样式篇总结

1.1 什么是 jQuery ?jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。jQuery库包含以下功能:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities提示: 除此之外,jQuery还提供了大量的插件...

2020-05-05 22:26:40 108

原创 12.JavaScript异步Ajax与json总结

1.1 什么是 AJAX ?Ajax不是某种编程语言AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图等等1.2 同步与异步同步:就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去...

2020-05-03 22:59:56 81

原创 11.JavaScript表单提交

form表单的提交属性action 与method属性 值 描述action URL 规定当提交表单时向何处发送表单数据method get/post 规定用于发送form-data的HTTP方法。(提交表单的方式)URL可能的值:绝对 URL - 指向其他站点(比如 src=“www.baidu.com”)相对 URL - 指向站点内的文件(...

2020-05-03 16:40:12 61

原创 10.JavaScript浏览器对象模型简介总结

什么是BOM?- BOM:浏览器对象模型- BOM 提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。- BOM将浏览器中的各个部分转换成了一个一个的对象,我们通过修改这些对象的属性,调用他们的方法,从而控制浏览器的各种行为简单来说:BOM可以使我们通过JS来操作浏览器,在BOM中提供了一组对象,用来完成对浏览器的操作。BOM对象1.Window对象- 代表的是整个浏...

2020-04-29 22:21:49 150

原创 9.JavaScript事件总结

事件- 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间- JavaScript 与 HTML 之间的交互是通过事件实现的。- 对于 Web 应用来说,有下面这些代表性的事件:单击事件、鼠标移入移出事件、键盘按下/弹起事件等等比如:{onclick 鼠标点击某个对象ondblclick 鼠标双击某个对象onkeydown 某个键盘的键被按下onkeypress 某个键盘的键被按...

2020-04-29 21:28:58 101

原创 8.JavaScript_DOM文档对象模型总结

什么是DOM?- DOM,全称Document Object Model文档对象模型- JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。文档- 文档表示的就是整个的HTML网页文档对象- 对象表示将网页中的每一个部分都转换为了一个对象模型- 使用模型来表示对象之间的关系,这样方便我们获取对象常用节点分为四类– 文档节点:整个HTML文...

2020-04-27 22:07:01 79

原创 7.JavaScript正则表达式总结

使用字面量来创建正则表达式语法: var 变量=/正则表达式/匹配模式- 使用字面量的方法创建更加简单- 使用构造函数创建更加灵活var reg=/a/i;console.log(reg);创建一个正则表达式,去检查一个字符串中是否含有a或b或c[] 使用中括号表示范围[abc] 等价于 a|b|c[a-z] 表示匹配所有的小写字母[A-Z] 表示匹配所有的大写字母[A-z...

2020-04-26 22:02:28 89

原创 6.JavaScript内建对象总结

一、对象数组字面量①.Array数组创建-使用构造函数创建数组时,可以同时添加元素,将要添加的元素作为构造函数的参数传递,元素之间使用逗号隔开例子:var arr3=new Array(12 , 34 , 56 , 7 , 8 , 9 , 0 , 3 , 5);如果想要看结果,控制台输出console.log(arr3[索引值0~8之间的数值])这个结果就会显示控制台的面板上。②.Arr...

2020-04-26 21:51:29 68

原创 5.JavaScript的函数总结

函数 function()方法- 函数也是一个对象- 函数中可以封装一些功能(代码),在需要的使用可以执行这些功能(代码)- 函数中可以保存一些代码在需要的时候调用- 使用typeof检查一个函数对象时,会返回functionconsole.log(typeof 变量名称)一共有三中创建方式1.使用构造函数创建一个函数对象2.使用函数声明创建一个函数3.使用函数表达式创建一个函数...

2020-04-25 23:37:31 64

原创 3.JavaScript流程控制语句:

程序中的三种基本流程结构:1. 顺序结构2. 分支结构3. 循环结构顺序结构:按照顺序一条一条的执行代码,从上到下。分支结构:执行代码的时候,可以根据条件进行选择,条件越多对应的结果越多,分支也就越多。例如if…else…语句,switch语句循环语句:用来重复不断的做一件事,for循环,while循环,do…while循环①顺序结构:②分支语句:if判断语句是用来判断一个条件是...

2020-04-23 21:47:17 108

原创 4.JavaScript对象总结:

JS中的数据类型:String 字符Number 数值Boolean 布尔Null 空值Undefined 未定义- 以上的5中数据类型为基本数据类型,以后我们看得到值只要不是以上的5中,都为对象Object 对象如果我们使用基本数据如果我们使用基本数据类型,可以将一个人的信息保存下来,但是他们是独立的没有联系的数据- 对象属于一种复合的数据类型,在对象中可以存储多个不同数据...

2020-04-23 21:33:45 55

原创 JavaScript运算符

①算数运算符:加可以对两个值进行加法运算,如果是两个字符串则进行字符串拼接任何值和字符串做加法运算,都会先转为字符串,然后再和字符串做拼接操作也可以通过"+"完成隐式转换。比如:var a = 20+“5”+40;减可以对两个值进行减法运算,并返回运算结果乘可以对两个值进行乘法运算,并返回运算结果/ 除可以对两个值进行除法运算,并返回运算结果% 取模取模运算(取...

2020-04-21 21:43:48 51

原创 JavaScript数据类型

知识点罗列:字面量、变量、标识符JavaScript的6种数据类型:基本数据类型:String 字符串类型 Number数值类型 Boolean 布尔类型Null 空值类型 Undefined 未定义类型引用数据类型:Object 对象类型3.javaScript的数据类型转换主要是一些数据类型转换为:String、Number、Boolean,这三中类型。①将其他数据类型转化为...

2020-04-21 21:24:19 54

原创 动态显示时间

<div class="container"> <span id="hours">00</span> : <span id="minute">00</span> : <span id="second">00</span> </div> <div class="btngroup"&...

2020-04-20 23:38:47 348

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除