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中的任何方法