2015年9月28日JQuery提前预习预热笔记

visual studio下载2010

2010与2008不一样，2008需要添加补丁，采用调用对象。2010可以直接用。

JQuery=$ 是函数是方法是对象

念J快儿，念doler

开发人员工具(用于查看开发源代码,看过程到底是怎么实现的,在用的时候可能是直接完成显示的,但是过程可能不是和清楚)

Window.onload是在页面所有标签及内容下载完毕后才会出现页面整体显示，这样用户体验不是很好。但是JQuery（$(document).ready()）则是页面的标签下载完毕即可出现页面显示，用户体验好。

Window.onload调用的标签内容，如果有两个一样的，那么只出现最后一个。而$(document).ready()，如果有两个一样的，那么两个会依次出现。

全部表达方式：

$.(document).ready(function(){

alert(‘大家好！’);

});

简写方式：

$.(function(){

alert(‘大家好’);

});

“//”表示注释，一般用”//==”来写注释标题

引入文件，然后才能调用其中的标签

重点1

有的时候不同浏览器编程方式不同，有的不是很兼容，用Dom对象在火狐和IE浏览器中使用的方法也不一样。为了能够简便统一，需要先转换为jquery，然后才能调用text方法。

要想调用text{}方法来设置层中显示的文字，必须通过JQuery对象才能调用text方法。第一步先将txtobj转换为jQuery对象。把Dom对象转换为JQuery对象：$(dom对象)

Var txtobjJQuery=$(txtobj);

要想调用jquery的方法必须得把Dom对象转换为jQuery对象。

txtobjJQuery.text(‘大家好才是真的好。’)

jquery对象只能调用jquery属性方法，Dom对象只能调用Dom属性方法，不能相互调用，如果想要调用，必须要相互转换之后才可以调用。

jquery对象转换为dom对象的方法：

var domobj=textobjjquery.get(0);这之后又可以继续调用dom对象，例如domobj.innerText=‘哈哈哈哈，又转回来了。’;

或者

var domobj=textobjjquery[0];

数组、整形、字符串、数据类型这些基本的数据类型是JS里最基本的东西，jquery是把对象代码封装一下，对于基本的数组、数据类型不会进行封装。也就是这些基本数据类型是不分jquery与dom的，不需要进行转换。

注意：这里的inputs并不是一个数组，它只是一个看起来像数组的一个对象

Var inputs=document.getElementsByTagName(‘input’);

这里的Inputs不是数组，所以没有数组的一些方法。

Inputs.reverse{};

For(var i=0;i<inputs.length;i++){

Alert(inputs[i].type);

}

<body>

秒客网