- 博客(28)
- 收藏
- 关注
RSS订阅原创 .NET ASP MVC页面和控制器传递数据的接收
console.log(null==undefined); //true 因为两者都默认转换成了falseconsole.log(typeof undefined); //"undefined" console.log(typeof null); //"object" console.log(null===undefined); //false "==="表示绝对相等，null和undefined类型是不一样的，所以输出“false”观察可以发现：null和
2020-08-18 09:16:46
350
原创 jQuery 效果-滑动
slideDown()方法：jQuery slideDown() 方法用于向下滑动元素。语法：$(selector).slideDown(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是滑动完成后所执行的函数名称。示例：$(element).click(function(){ $(element).slideDown(2000);//动画执行所需的时间});slideUp()方
2020-05-13 16:35:35
200
原创 jQuery 效果-淡入/淡出
fadeIn()方法：jQuery fadeIn() 用于淡入已隐藏的元素。语法：$(selector).fadeIn(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是 fading 完成后所执行的函数名称。示例：$(element).click(function(){ $(element).fadeIn(3000);// 3000完成动画的时间});fadeOut()方法j
2020-05-13 16:14:00
234
原创 jQuery 效果-显示/隐藏
隐藏hide()和显示show()：$(element).click(function(){//点击触发 $("p").hide();//隐藏p元素});$( element).click(function(){ $("p").show();//显示p元素});语法：$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fas
2020-05-13 15:33:51
146
原创 jQuery 事件
jQuery 是为事件处理特别设计的jQuery 事件函数：jQuery 事件处理方法是 jQuery 中的核心函数。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用，示例：当按钮的点击事件被触发时会调用一个函数 $(element).click(function(){ $("p").hide();//将元素隐藏})jQuery事件： Event 函数 绑定函数至$(document).ready(function)
2020-05-13 10:44:06
91
原创 jQuery 选择器
选择器允许您对元素组或单个元素进行操作元素选择器：jQuery 使用 CSS 选择器来选取 HTML 元素。$("p") 选取\<p> 元素。$("p.intro") 选取所有 class="intro" 的 <p> 元素。$("p#demo") 选取所有 id="demo" 的 <p> 元素属性选择器：jQuery 使用 XPath 表达式来选择带有给定属性的元素。$("[href]") 选取所有带有 href 属性的元素。$("[href='#']
2020-05-13 09:48:24
72
原创 jQuery Ajax
AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。什么是 AJAX？AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。关于...
2020-05-05 21:37:07
138
原创 jQuery Animation
jQuery基本效果 show()与hide()：show([speed],[easing],[fn]) 显示隐藏的匹配元素hide([speed],[easing],[fn]) 隐藏显示的元素toggle([speed],[easing],[fn]) 用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件。 如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为...
2020-05-05 21:11:12
1570
原创 JQuery DOM
DOM = Document Object Model（文档对象模型）获得内容 - text()、html() 以及 val()：text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 text:得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文...
2020-05-05 16:11:20
99
原创 jQuery 基础使用与样式篇
jQuery 语法：jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。基础语法是：$(selector).action()美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作 jQuery选择器：选择器允许您对元素组或单个元素进行操作jQuery 元素选择器和属性选择...
2020-05-05 12:36:53
111
原创 JavaScript 异步Ajax
什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、...
2020-05-03 10:44:20
120
原创 JavaScript 表单提交
form表单的属性action 与methodAction 属性：action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常，表单会被提交到 web 服务器上的网页。指定了某个服务器脚本来处理被提交表单：<form action="action_page.php">如果省略 action 属性，则 action 会被设置为当前页面。M...
2020-05-02 22:59:20
161
原创 JavaScript BOM浏览器对象模型
什么是BOM浏览器对象模型？浏览器对象模型(Browser Object Model(BOM))允许JavaScript与浏览器对话BOM:浏览器对象模型 //宿主对象BOM 提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。BOM将浏览器中的各个部分转换成了一个的对象，我们通过修改这些对象的属性，调用他们的方法，从而控制浏览器的各种行为 简单来说：BOM可以使我们通过...
2020-04-30 09:29:08
153
原创 JavaScript事件
事件：事件就是用户与浏览器的交互行为事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间JavaScript 与 HTML 之间的交互是通过事件实现的。对于 Web 应用来说，有下面这些代表性的事件：单击事件、鼠标移入移出事件、键盘按下/弹起事件等等onclick 鼠标点击某个对象ondblclick 鼠标双击某个对象onerror 当加载文档或图像时发生某个错误onfocus 元素...
2020-04-29 20:18:04
90
原创 JavaScript DOM文档对象模型
知识点： DOM简介、元素节点的方法、获取元素节点的子节点DOM简介： 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的针对HTML和XML文档的应用程序接口。描绘了一个层次化的节点树。运行开发人员添加、删除、修改页面的某一部分。 文档：文档表示的就是整个的HTML网页文档 对象：对象表示将网页中的每一个部分都转换为了一个对象 模型：使用模型来表...
2020-04-28 10:27:11
106
原创 JavaScript正则表达式
知识点： 正则表达式什么是正则表达式：正则表达式是构成搜索模式（search pattern）的字符序列。当您搜索文本中的数据时，您可使用搜索模式来描述您搜索的内容。正则表达式可以是单字符，或者更复杂的模式。正则表达式可用于执行所有类型的文本搜索和文本替换操作。语法：//var 变量=new RegExp("正则表达式","匹配模式");修饰符：i是修饰符（把搜索修改为大小写不...
2020-04-27 15:15:04
71
原创 JavaScript内建对象
知识点：Array、Date、Math、String、Array：对象用于在单个的变量中存储多个值参数:参数size是期望的数组元素个数。返回的数组，length 字段将被设为size的值。参数element…,elementn是参数列表。当使用这些参数来调用构造函数 Array() 时， 新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。创建数组对...
2020-04-26 15:37:04
85
原创 JavaScript函数
知识点：function、函数的参数、函数的返回值、作用域什么是函数：函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。函数的作用：函数常常被用于封装一些方法，避免重复去写重复的代码，减少代码量JavaScript函数只有在调用时才会去执行JavaScript语法：JavaScript函数通过function关键词进行定义，其后是函数名和括号()function fun(){...
2020-04-24 10:48:34
83
原创 JavaScript对象
知识点：Object所有事物都是对象JavaScript 提供多个内建对象，比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。对象只是一种特殊的数据。对象拥有属性和方法。比如手机是一个对象，手机有CPU、摄像头、扬声器、显示器手机可以发短信、打电话、听音乐…那么我们可以把手机有CPU、摄像头、扬声器、显示器这些东西称为属性手机可以手机可以发短信、...
2020-04-23 20:19:02
82
原创 JavaScript流程控制语句(if...else)
知识点：if、if…else、if…else if…elseif: 只有当指定条件为 true 时，使用该语句来执行代码 var x=5; if(x=5){ //花括号里面是if()为true时执行的代码,为false就不会执行代码 alert(“hello World”);}输入结果：hello Worldif…else:当条件为true时执行if的代码，否则执行else的...
2020-04-22 16:03:41
129
原创 JavaScript运算符
知识点：算术运算符、逻辑运算符、赋值运算符、关系运算符、条件运算符、运算符优先级运算符=用于赋值运算符+用于加值运算符=用于给JavaScript变量赋值算术运算符：+、-、*、/、%、++、运算符也叫做操作符通过运算符可以对一个或则多个值进行运算，并获取运算结果。算术运算符用于执行变量与/或值之间的算术运算。1、+加：可以对两个值进行加法运算，如果是两个字符串则进行字符串拼接...
2020-04-22 15:39:30
58
原创 JavaScript的字面量/变量/标识符
知识点罗列：字面量、变量、标识符字面量：一些不可以改变的值例如：1 2 5 6字面量都是可以直接使用。但是我们一般都不会直接使用字面量变量：从字面上看，变量是可变的量;从编程角度讲，变量是用于存储某种/某些数值的存储器。变量可以用来保存字面量，而且变量的值是可以任意改变的。变量更加方便我们使用，所以在开发中都是通过变量去保存字面量变量的声明：通过var 关键字声明 var...
2020-04-21 09:49:22
107
原创 HTML+CSS+JavaScript实现最简单的动态显示时间
制作完成效果图如下：时间会实时更新制作步骤一(HTML)：<div class="container"> <span id="hours">00</span> : <span id="minute">00</span> : <span id="second">00</span> </div>...
2020-03-26 22:12:18
2058
原创 html图片旋转动画
实现效果：鼠标悬停在图片的一定范围内，红色箭头指向的圆圈会旋转，移出则停止HTML源代码：<div class="case-item"> <div class="ih-item circle effect1"> <a href="http://www.lanrenzhijia.com"> ...
2019-06-18 09:38:10
5618
3
原创 Hover与JavaScript结合案例
原图：鼠标移入到红色矩形到导航栏下面的内容就会变化。 HTML源代码：<ul class="yuy"> <li><a href="">English</a></li> <li><a href="">Español</a></li> <li><a...
2019-06-08 21:13:52
495
原创 文字闪烁效果
原图：## 让文字带有闪烁效果HTML源代码：<li class="shansuo"> <a href=""" class="gsgw">公司官网</a> <span>股票代码：</span> <span >603888</span></li>Css:.gsgw...
2019-06-08 21:03:57
311
原创 前端Hover与动画过渡结合
1.Hover（伪类）的含义：伪类在鼠标移到元素上时向此元素添加特殊的样式。2. transition动画过渡的含义：transition是一个复合属性，包含以下几个子属性：transition-property：指定过渡或动态模拟的CSS属性；transition-duration：指定过渡完成所需的时间；transition-timing-function：指定过渡函数；tra...
2019-05-28 08:34:28
2963
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人