一.事件绑定 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() -...
在使用面向对象编程时，对象间的继承关系自然少不了！而原型正是实现javascript继承的很重要的一种方法！ 我们首先来看以下代码： 代码如下: function person(name, age) { this.name = name; this.age = age; } person.prototype.getInfo = function() { alert("My name is "+this.name+", and I have "+this.age+" years old"); } var zhangchen = new person("zhangchen", 23); zhangchen.getInfo(); //output My name is zhan...