- 博客(19)
- 收藏
- 关注
RSS订阅原创 Jquery(7)事件：常用事件，Click事件和Hover事件
Click事件和Hover事件事件就是用户的交互行为click事件就是点击hover事件就是光标移入移出 常用事件blur() 元素失去焦点focus() 元素获得焦点change() 表单元素的值发生变化click() 鼠标单击dblclick() 鼠标双击mouseover() 鼠标进入（进入子元素也触发）mouseout() 鼠标离开（离开子元素...
2018-08-24 21:17:13
2320
1
原创 Jquery(6)jquery动画
jquery动画通过animate方法可以设置元素某属性值上的动画，可以设置一个或多个属性值，动画执行完成后会执行一个函数。$('#div1').animate({ width:300, height:300},1000,swing,function(){ alert('done!');});参数可以写成数字表达式：$('#div1').anima...
2018-08-24 21:03:18
138
原创 Jquery(6)jquery特殊效果
jquery特殊效果动画是自定义，特效是JQ已经帮你弄好的。fadeIn() 淡入 $btn.click(function(){ $('#div1').fadeIn(1000,'swing',function(){ alert('done!'); }); });fadeIn() 淡入fadeOut() ...
2018-08-24 20:41:53
130
原创 JQuery(5)节点操作
jquery元素节点操作创建节点var $div = $('<div>');var $div2 = $('<div>这是一个div元素</div>');插入节点 1、append()和appendTo()：在现存元素的内部，从后面插入元素append的主语是父节点，增加一个小孩 var $span = $('<span>...
2018-08-24 20:29:15
200
原创 JQuery(4)jquery样式操作
jquery用法思想二 同一个函数完成取值和赋值样式叫css 属性叫attr操作行间样式// 获取div的样式$("div").css("width");$("div").css("color");//设置div的样式$("div").css("width","30px");$("div").css("heig
2018-08-24 19:41:06
337
原创 JQuery(3)jquery属性操作
无参数就是获得html内容，有参数就是设置html内容1、html() 取出或设置html内容// 取出html内容var $html = $('#div1').html();// 设置html内容$('#div1').html('<span>添加文字</span>');2、text() 取出或设置text内容 // 取出文本内容var...
2018-08-24 19:35:49
100
原创 JQuery(2)jquery选择器
jquery用法思想一 选择某个网页元素，然后对它进行某种操作jquery常规选择器 jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。$(document) //选择整个文档对象$('li') //选择所有的li元素$('#myId') //选择id为myId的网页元素$('.myClass') // 选择class为myC...
2018-08-24 19:26:24
246
原创 JQuery(1)简介
jquery介绍jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的是1.x系列的。jquery是一个函数库，一个js文件...
2018-08-24 19:14:55
125
原创 JavaScript（5）数组及操作方法
数组及操作方法数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。定义数组的方法//对象的实例创建var aList = new Array(1,2,3);//直接量创建var aList2 = [1,2,3,'asd'];操作数组中数据的方法 1、获取数组的长度：aList.length;var aList = [1,2,3,4];...
2018-08-23 21:20:18
103
原创 JavaScript（4）函数
函数函数定义与执行<script type="text/javascript"> // 函数定义 function aa(){ alert('hello!'); } // 函数执行 aa();</script>aa（）里面是参数，数量不限，aa是函数名字。{}里面是方法体。 ...
2018-08-23 20:33:50
208
原创 JavaScript（3）变量和函数
变量JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。 定义变量需要用关键字 'var' var a = 123; var b = 'asd'; //同时定义多个变量可以用","隔开，公用一个‘var’关键字 var c = 45,d='qwe',f='68';变量类型5种基本数据类型：number：数字包括整形浮点型stri...
2018-08-23 20:15:36
106
原创 JavaScript（2）嵌入页面的方式
JavaScript嵌入页面的方式1、行间事件（主要用于事件）脚本<input type="button" name="" onclick="alert('ok！');">2、内嵌式：页面script标签嵌入<script type="text/javascript"> var a = '你好！'; alert(a);&
2018-08-23 19:52:45
937
原创 JavaScript（1）介绍
JavaScript是运行在浏览器端的脚步语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互。 JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript( Adobe公司，需要插件)等。前端三大块 1、HTML：页面结构2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果3、Java...
2018-08-23 19:19:29
131
原创 WEB前端：(6)HTML5⑤表单
表单的作用是让用户填写数据，最后提交到服务器。标签 <lable></label><label for="username">用户名：</label>for点击时自动对焦到id为username的输入框中文本输入框<input type="text" name="username" id="us
2018-08-20 22:04:58
194
原创 WEB前端：(5)HTML5④表格
@实例表格：宽高是均匀的<table></table>里面的属性border:边框粗细 cellpadding:单元格内边距 cellspacing:单元格外间距一个tr为一行，一个td为一个单元格<h3>实例表格</h3><!--边框粗细为1px 单元格内边距为10px 单元格外间距为5px--><tabl...
2018-08-20 21:46:53
688
原创 WEB前端：(4)HTML5③列表
@有序列表order list<h3>有序列表</h3><!--有序列表--><ol type="1"> <!--列表条目--> <li>学习html</li> <li>学习css</li> &a
2018-08-20 21:30:00
261
原创 WEB前端：(3)HTML5②超链接及页面内跳转
@html5图像及路径<img src="images/fruit.jpg" alt="水果显示不出来时你就只好看我啦..." width="800" height="375" align="bottom">src和alt称之为标签属性 src是图片路径,这里用的是相对路径 相对路径用 ./代表当前文件夹，../代表上一级文件夹，当前路径是可以省略的alt是图片加载失
2018-08-20 21:16:51
16765
原创 WEB前端：(2)HTML5入门①
一个html文件就是一个<span>网页</span>，html文件用编辑器打开显示的是文本，可以用文本的方 式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网 页可以从一个网页链接跳转到另外一个网页。H5的交互比H4强很多，而且消灭了flash，安卓，苹果的简单应用开发。HTML5文档结构 （选用escipse的快捷键：ctr...
2018-08-20 20:40:13
203
原创 WEB前端：(1)概述
做web前端也就是页面是为了和用户做显示数据和交互的，主要的技术栈是HTML,CSS,Javascript以及JQuery，这些是必不可少的，其中JQuery只是JS的一个库而已，把JS和页面元素的交互变得非常简单。HTML只负责内容(标题，正文，表格，表单)，CSS（Cascading Style Sheet）层叠样式表，给HTML设定样式，而JS主管交互的。 ...
2018-08-20 19:34:36
1090
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人