jQuery代码的任务就是生成jQuery对象A,操作jQuery对象A;生成jQuery对象B,操作jQuery对象B……但是若此过程中,对象A、B……之间有某种关系,那么完全没必要一个个去$(selector),这很繁琐的。因此jQuery提供了一些方法,使流程变为生成jQuery对象A,操作jQuery对象A;更改为jQuery对象B,操作jQuery对象B…… 一个jQuery对象,既要进行N次操作,又要进行M次更改。因此有必要将生成的jQuery对象存储在一个变量中,多次调用。然而...
使用jQuery选择器选择页面元素,目的是为了生成jQuery对象,语法相当简单:$(selector)。但值得注意的是,这是生成jQuery对象,不是DOM对象,因此$(selector).innerHTML以获取元素内部HTML代码是错误的,正确写法是$(selector).html()。同样的,判断一个DOM对象是否存在,不能够写成if($(selector)),而是if($(selector).length>0)。 当然jQuery对象和DOM对象可以互转换。从上面的例子也可以看出,jQuery对象可以视为是一个DOM对象...
元素的属性处理方法描述attr(name) attr(name,value) attr(name,fn(index,value)) attr({name1:value1,…,nameN:valueN})获取某个属性的取值,或可以用于设置某个属性的值。还可以使用函数作为参数,将函数返回值作为需要为元素属性设置的值,比如将第(index+1)个元素的name属性设置为函数返回值(实际上,明白函数式就根本不需要这说明)。也可以一次性给同一元素多个属性removeAttr(name)删除某个元素的属性取值 元素的class属...
一、变量 全局变量 JavaScript的两个特征,不自觉地创建出全局变量是出乎意料的容易。首先,你可以甚至不需要声明就可以使用变量;第二,JavaScript有隐含的全局概念,意味着你不声明的任何变量都会成为一个全局对象属性(不是真正意义上的全局变量,可以用delete删除) 代码如下:function sum(x,y) { // result 未声明,为隐式全局变量 result = x + y; return result; } function foo() { // 使用任务链进行部分var声明,b为隐式...
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载 以前对于JavaScript总是在用到的时候在页面上写几个函数,基本没考虑到函数的封装与重用,最近有个项目可能对于这方面要求有点高,所以就研究了下类似jQuery的封装。 这里就图片等比缩放以及预加载的效果来尝试下,写写类似的JavaScript代码。 图片等比缩放以及预加载的效果如下(预加载效果有时候会不是很明显): JS主要代码如下: 代码如下:(function() { var yQuery =...
1.窗口位置 以下取得浏览器窗口距屏幕左边和上边的位置 代码如下:var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; //左边位置 var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY; //上边位置 2.浏览器大小 以下取得浏览器页面视口的大小 代码如下:var pageWidth = window.innerWidth, pageHeight = window.innerHeight; if (typeof pageW...
1.超时调用setTimeout() setTimeout() 方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID 代码如下:setTimeout( function () { alert("你好!"); },1000); 调用前取消clearTimeout(),接受一个参数超时调用ID 代码如下:var timeOutId = setTimeout( function () { alert("你好!"); },1000); clearTimeout(timeOutId); 2.间歇调用setInterval() setInterval()方法接受两个参数,第一个参数是函数,第...
代码如下://检测非IE浏览器插件函数 function hasPlugin(name) { name = name.toLowerCase(); for (var i=0 ; i < navigator.plugins.length ; i++ ) { if (navigator.plugins[i].name.toLowerCase().indexOf(name) >-1) { return true; } } return false; } //检测IE浏览器插件函数 function hasIEPlugin(name) { try { new ActiveXObject(name); return true; } catch (ex) { return false; } } //检测所有浏览器中的Flash funct...
1.警告框alert() 代码如下:alert("欢迎光临!"); 2.信息框confirm(),有取消,确定按钮 代码如下:if (confirm("你同意吗?")) { alert("同意"); } else { alert("不同意"); } 3.提示框prompt(),用于提示用户输入一些文本 代码如下:var result = prompt("您尊姓大名?"," "); if (result !== null) { alert(“欢迎光临,”+result); }
1.获取元素 getElementById()方法,通过元素的id获取元素,接受一个参数即要获取元素的id,如果不存在这个id返回 null 注意不要让表单元素的name和别的元素的id相同,IE8以下的IE浏览器用这个方法通过元素的name属性可以获得该元素 以下面元素为例 <div id ="myDiv">这里是id为“myDiv”的div内容</div>var document.getElementById("myDiv"); //"myDiv"区分大小写,取得<div>元素的引用 getElementsByTagName()方法,通过元素的标...
数组的创建 第一种: 代码如下:var colors = new Array(); var colors = new Array(20);//创建包含20项的数组 var colors = new Array("Greg");//创建包含1项,即字符串"Greg"的数组 var colors = new Array("red","blue","green"); //创建包含3项 第二种: 代码如下:var colors = ["red","blue","green"]; var colors = [];//创建一个空数组 注意:数组的索引是从0开始的 1. length属性 length属性中保存数组的项数,如: 代...
本节要用到的html例子 代码如下:<ul id="myList"> <li>项目一</li> <li>项目二</li> <li>项目三</li> </ul> 1.创建元素节点 document.createElement() 方法 用于创建元素,接受一个参数,即要创建元素的标签名,返回创建的元素节点 代码如下:var div = document.createElement("div"); //创建一个div元素 div.id = "myDiv"; //设置div的id div.className = "box"; //设置div的class 创建元素后还要把元素添加到文档树中 2.添加...
toFixed() 方法指定小数位个数 toExponential() 方法 用科学计数法表示数,参数指定小数位个数 toPrecision() 方法自动判断调用toFixed()或toExponential()方法,参数指定所有数的位数 代码如下:var num = 99; alert(toFixed(2)); //99.00 alert(toExponential(1)); //9.0e+1 alert(toPrecision(1)); //9.0e+1 alert(toPrecision(2)); //99 alert(toPrecision(3)); //99.0
1.创建日期对象 代码如下:var now = new Date(); //获得当前系统日期和时间 var someDate = new Date(Date.parse("May 25,2012")); var someDate = new Date("May 25,2012"); //与上相同 var someDate = new Date(Date.UTC(2010,0)); //GMT时间2010年1月1日凌晨0时 var someDate = new Date(2010,0); //与上相同 var someDate = new Date(Date.UTC(2010,4,5,17,55,55)); //GMT时间2010年5月日下午5:55:55,月和时以0为基数,0表示一...
本节html以下面的为例 代码如下:<div id="myDiv" class="bd" title="我是div"> <img id="img1" /> <a id="myA" href = "http://www.baidu.com">百度</a> </div> 1.通过HTMLElement类型(对象)的属性获得和设置元素特性 代码如下:var div = document.getElementById("myDiv"); var img = document.getElementById("img1"); var a = document.getElementById("myA"); //取得元素特性 alert(div.id); //"myDiv" alert(div.classNa...