一.系统预定义的动画函数 1.显示隐藏函数 show(); //显示元素(同时增加宽、高、不透明度) hide(); //隐藏元素 执行hide()隐藏界面元素,相当于将css样式中的display:none. 我们也可以在函数中加入参数,具体如下: show("slow"); 除了slow取值外,还可以设置为normal,fast,分别代表时间为600,400,200毫秒 我们也可以加如具体时间取值。具体如下: slow(1000); 这样代表时间完全显示出元素的时间间隔为1000毫秒 2.不透明度函数 fa...
一.事件绑定 1.事件绑定函数 事件的绑定函数为如下形式: .bind(type [,data],fn) type:类型 如click..... data:参数 fn:事件执行的函数 例子 代码如下: $(function(){ $(#id1).click(function(){ $(#id2).show();//id2显示 }) ; }); 二.合成事件 1.鼠标滑过事件 .hover(enter,leave) enter:鼠标光标移动到对象时触发的函数 leave:鼠标光标移出对象触发的函数 例子: 代码如下: $(function(){ $(#id1).hover(function(){ $(#id2...
一.节点的操作 1.查找节点: var $var_1=$("htmltype"); //这句话就是获取所有htmltype节点 如:var $ul_1=$("ul");2.创建并追加节点: var $var_1=$("");//这句话是创建一个节点 $("htmltype2").append($var_1) ; //这句话是把节点插入所有htmltype2节点中 例子:var $li_1=$("香蕉");$("ul").append($li_1);其中插入方法有以下几种:append() 把B追加到A内部(所有的A元素,以下类似) appendTo() 把A追加到B内部 prepend() ...
代码如下:function GetCurrentDirectory() { var curHref = location.href; var curArray = locHref.split("/"); delete curArray[curArray.length - 1]; var curdir = curArray.join("/"); return curdir; }
一.关于Javascript变量声明 在Javascript中,声明一个变量 var a=1; 也可以直接 a=1; 这两种表达是有区别的, 一个是当前作用域的局部变量,另一个则是当前作用域的全局变量; Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 代码如下: var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量。 代码如下: function f1(){ var n=999; } alert(n); //...
一.数据类型 Javascript是一种弱类型的脚本语言,它一共有6种数据类型,又被分为基础数据类型,特殊数据类型,复合数据类型。 1.基础数据类型:数值型,字符串型,布尔型 2.特殊数据类型:null,undefined(区别在于null需要显性赋值,而undefined表示没有赋值) 3.复合(引用)数据类型:Object(数组是特殊的对象) 注:理解基础数据类型和引用数据类型的区别。如函数参数传递 二. 包装类和基础数据类型的关系 对于...
什么是DOM对象? HTML是以树形结构来组织文档的,具体如下: 代码如下: 1-4 //等待dom元素加载完毕. $(document).ready(function(){ var domObj = document.getElementsByTagName("h3")[0]; // Dom对象 var $jQueryObj = $(domObj); //jQuery对象 alert("DOM对象:"+domObj.innerHTML); alert("jQuery对象:"+$jQueryObj.html()); }); 例子 你最喜欢的水果是? 苹果 橘子 菠萝 上面的HTML文件的DOM树如下: 什么是j...
jQuery是什么? jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera ...
一.基本选择器:#id :选择给定ID名的元素 如:$("#id1")为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素,以逗号隔开,可以是类或id名 二.层次选择器:$("ancestor descendant") :选择ancestor元素下的所有descendant(后代)元素 $("parent>child") :选择parent下的所有child(子)元素 $(prev+next) :选择紧...
代码如下: /* * JavaScript对象就是一组属性(方法)的集合 * 在该语言中如果变量名或方法名不符合声明规范, * 则一定得用方括号“ [] ”引用它 * */ /** * 该语句声明了一个class1类,class1相当于构造方法,又叫构造器 * 也可说声明了一个class1方法 */ function class1(){ this.name="xjl"; //给对象添加属性 this.say= function(){alert("大家好!");}; //给对象添加方法 }; /** * 创建实例用 new 关键字,new 操作符不仅对内...
全局变量是Window对象属性的一部分,例子: 代码如下: var test = test; alert(window.test); 浏览器渲染和操作HTML的大致顺序: HTML解析完毕 外部脚本和样式表加载完毕 脚本在文档内解析并执行 HTML DOM完全构造起来 图片和外部内容加载 网页完成加载 所有的主流浏览器都实现了innerHTML属性,但是因为没有统一标准,所以或多或少会有一些怪异的bug。 基于Mozilla的浏览器在innerHTML声明中并不回会返回元素; IE返回的元素字符...
在使用JQuery的时候如果你想寻找某个容器(诸如div或者是table中的某些子元素),那么很容易就使用find方法。find将使用迭代的方式寻找所有符合条件的子元素,并且可以统一、批量的设置css等内容。 比如有这样一个table: 代码如下: 内嵌Table,行1列1 内嵌Table,行1列2 内嵌Table,行2列1 内嵌Table,行2列2 第一个Table,行2列1 第一个Table,行2列2 现在要求把所有的字体设置成蓝色,直接这样做即...
html部分代码: 当点击show按钮时,触发showValue函数,将input value的值动态添加到id="text"的元素节点中! 代码如下: javascript 部分代码: 页面加载时,使input自动获得焦点,引导用户输入内容。(细节加强用户体验) 代码如下: window.onload = function() { var user_name = document.getElementById("user_name"); user_name.focus(); } 如果没有输入任何内容,给出错误提示,同时又让input获得输入焦点 ...
HTML部分代码: 代码如下: 鼠标经过时改变背景色 鼠标经过时改变背景色 鼠标经过时改变背景色 鼠标经过时改变背景色 javascript部分代码: 当鼠标经过时,给li添加class="current"类,鼠标离开时,去除该类,达到改变背景色的目的 代码如下: window.onload = function() { var lis = document.getElementsByTagName("li"); for (var i=0; i<lis.length; i++) { lis[i].onmouseover = function() { this.setAttribute("class",...
首先看全部完整代码: countDown test function countDown(endDate) { var now = new Date(); var deadtime = document.getElementById(endDate); var deadline = new Date(deadtime.value); //本地时间与格林威治标准时间 (GMT) 的分钟差 var timeDiff = now.getTimezoneOffset(); //此处有些不解,如果把分钟差转化成毫秒应该是timeDiff*60*1000,但是这样返回的数据不正确! var leave = Math.abs(deadline.getTime() -...