2018年03月_屋外

原创 jQuery中的Validation插件和与Ajax的应用

1 Validation插件是一个优秀的表单验证插件引入通过<script src="文件所在位置" type="text/javascript"></script>来引入到script中进行应用许多默认的校检规则required:true 必输入的字段email/url/data/number:true 必须输入正确格式的电子邮件/网址/日期/合法的数...

2018-03-27 17:29:40 234

原创 jQuery Dom 操作和jQuery事件和动画

1 包裹节点：warp()只能包裹某个节点，warpAll()包裹匹配的每个节点，并且用一个元素包裹；wraplnner（）包裹匹配的每个节点，用不同的元素包裹2 替换节点在jQuery中，用attr()方法获取和设置元素属性，removeAttr()方法来删除元素属性3 样式操作可以用attr()方法来修改class中的样式；addClass（）代表追加样式，removeClass（）代表删除样...

2018-03-27 17:12:20 303

原创 jQuery选择器和jQuery 中的Dom操作

一 jQuery选择器有很多选择器样式，基本可以分为三类：基本选择器；比如id，class，h1这样的标签选择器；第二类为：层次选择器，例如$('div>.mini')这样的子选择器，$('div:parent')这样的父选择器，还有最多的一类过滤选择器，例如：$('div:last')，$('div.one :first-child')，$('div[title]')这样一类的。二jQue...

2018-03-23 19:46:56 200

原创 JQuery对象和DOM对象的相互转换

1JQuery对象和DOM对象的区别：jQuery对象中无法使用DOM对象的任何方法。DOM对象也不能使用jQuery里面的方法。2将JQuery对象转化为DOM对象，一共两种方法：使用[index]和get（index）例如：//第一种方法console.log($('#dd'));console.log($('#dd')[0]);//第二种方法console.log($('#dd'));con...

2018-03-22 20:02:58 387

原创笔记：课堂Date,This,错误机制及心得

1Date日期的自动运行及各种日期种类Date对象 var a=new Date(); console.log(a.getDate());//输出20，代表今天20号；； getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31) console.log(a.getDay());//输出2，代表周二；；从Date ...

2018-03-21 22:24:35 260

原创 Number对象，String 对象

//Number对象 //Number()和parseInt()区别 var inStr1 = "1 a"; var inStr2 = "2 b"; console.log(parseInt(inStr1) + parseInt(inStr2)); //输出为：3，parseInt()只转化 ...

2018-03-20 20:17:53 319

原创节点对象的办法

var asia=document.getElementById('asia');/*获取整个asia节点*/ /*hasChildNodes(),返回一个布尔值，判断当前节点是否有子节点*/// console.log(asia.hasChildNodes());/*输出ture，说明asia中有子节点，如果没有输出false*/ /*i...

2018-03-19 20:43:38 142

原创特征相关属性

/*采用function命令声明函数时，整个函数就会像变量声明一样，提升到代码头部。*/ a ();/*声明变量*/ function a(){ console.log('a'); } /*与*/function a(){ console.log('a'); } ...

2018-03-18 20:42:49 266

原创数据类型与FOR循环

1 /*数值型*/ var i=360; i=i+1; console.log(i); /*字符型拼接字符串*/ var i='360'; i=i+1; console.log(i); /*布尔类型代表真或者假种类*//*typeof 一种检测符，来检测数据类型*/...

2018-03-15 20:06:44 365

原创各种变量的实例

1 /*FOR循环语句，先验证i<count,真就直接结束，输出i，第一次不进行i+=10。*/ var count=101; for(var i=30;i<count;i+=10){ console.log('梦想完成度：'+i) }2 /*限制执行次数，验证i<c...

2018-03-14 21:05:18 2159

原创 JAVAscript基础中的语句变量与对象

1 语句：语句是完成任务的代码，每个语句后面用“；“结尾。2 变量：关键字“var”定义变量，例如： var 名称 = "hello";3 对象：任何事物都是对象，对象有状态而且对象右操作。例如：var duixiang={ 'name':'对象', 'age':24， 'health':80， ...

2018-03-13 21:10:25 148

转载 CSS中的边框和动画特效

1 圆角边框：<style> div{ border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:300px; border-radius:25px;/25px 25px;/25p...

2018-03-12 20:48:01 1977

原创 CSS中背景图片，文本，列表与盒子模型的边框与边距

1 背景中主要有background-color与background-image的设置，color主要有16进制颜色，RGB颜色等颜色表示方式；background-image主要关于图片的repeat,attachment,position和图片size的设置。2 Text中主要关于text的color和text-align，text-decoration,text-transform的设置。...

2018-03-08 17:26:51 883

屋外的博客