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

时间:2023-12-05 22:32:14

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(‘大家好’);

});

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

<script src=”js/jquery-1.7.1.js”type=”text/javascript”></script>

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

重点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>

<input type=”button”name=”name”value=””/>

<input type=”text”name=”name”value=””/>