jquery基础代码解析与应用

jquery基础代码解析与应用
$(document).ready()

加载文档模型，就是等待网页全部内部载入后再执行JavaScript代码。几乎所有JQuery代码都要用

等价于window.onload，二者区别如下：

window.onload $(document).ready()

执行时机：必须等待页面中所有内容都加载完毕后(包括图片)才执行 网页中所有DOM结构绘制完毕后就执行，可能与DOM关联的东西并未加载完

一个网页无法同时编写多个，若写多个，仅最后一个生效 可同时编写多个，且均被执行

无法简化 $(document).ready(function(){…});可简写为： $(function(){…});

$("#tabTest tr:even").addClass("tabOne");

为id为“tabTest”的表格的偶数行增加名为tabOne的CSS样式

$("#tabTest tr:odd").addClass("tabTow");

为id为tabTest的表格的奇数行增加名为tabTow的CSS样式

两种编写方式

$(document).ready(function(){alert("Hello World!");});

Var myFun=function(){alert("Hello World!");};

$(document).ready(myFun)

JQuery支持事件绑定，

＜script language="JavaScript" src="jquery-1.3.2.js"＞＜/script＞

＜script language="JavaScript">

function showMe(){

alert("JQuery事件绑定");

}

var myFun3=function(){

$("#btn").bind("click",showMe);

};

$(document).ready(myFun3);

＜/script>

jQuery对象就是通过jQuery包装DOM对象后产生的对象，如：

$(“#foo”).html() //获取id为foo的对象的html内容，html()是jquery的方法

以上代码等同于：

document.getElementByIdx_x(“foo”).innerHTML;

注意：在jquery中无法使用DOM中的任何方法，同样DOM也无法使用jquery中的任何方法

命名规划：

Jquery对象的命名以$为前缀

将JQuery对象转换为DOM对象，有两种方法：

若jquery对象是数组对象，可使用索引得到对应的DOM对象，如：

var $cr=$(“#cr”); //定义jquery对象

Var cr=$cr[0]; //转换为DOM对象

第二种是使用get(index)方法得到对应用DOM对象

var $cr=$(“#cr”); //定义jquery对象

Var cr=$cr.get(0); //转换为DOM对象

DOM对象转换为jQuery对象：使用$()即可

$(“#foo”).html() //获取id为foo的对象的html内容，html()是jquery的方法

以上代码等同于：document.getElementByIdx_x(“foo”).innerHTML;

注意：在jquery中无法使用DOM中的任何方法，同样DOM也无法使用jquery中的任何方法