今天开始系统学习Jquery , 编写代码版本1.8.2
Jquery 官网下载有2个版本一个jquery-1.8.2.min.js,一个为jquery-1.8.2.js。min为发布版本,很小;jquery-1.8.2.js压缩处理前的,可以调试用。
JQuery 是一个js库,本身也是一个巨大的函数,jQuery()函数 (可简写为$()) ;该函数是整个jQuery 框架的核心,jQuery 中的一切操作都构建于这个函数之上。jQuery()函数可以接收四种类型的参数:
jQuery(expression,[context]) : var red = $("p span"); var red = $("span","p");//范围
jQuery(html):借助jQuery(html)类型函数,可 以为指定元素增加HTML结构。例 如,
下面代码能够在body元素内增加“<div><span>文本块3</span></div>”HTML 结构。
$("<div><span>文本块3</span></div>").appendTo("body");
jQuery(elements):将一个或多个DOM 对象转化为jQuery 对象。,这样就可以调用jQuery对象的方法和属性。
jQuery(fn):$(document).ready()的简写。允许绑定一个在 DOM 文档加载完毕之后执行的函数。
Note: jQuery 对象与DOM 对象是两个不同的概念,它们不能够相互调用。jQuery 对象只能够使用 jQuery 定义的方法和属性;而 DOM 对象也只能够使用 DOM 组件和 JavaScript 定义的方法和属性。因此,在调用对象的方法和属性时,应该清楚它属于什么对象。
我们可以实现JQuery对象和DOM对象之间的转换。
1.对于普通的DOM对象来说,如果要转换为jQuery 对象则使用 jQuery() 函数即可。$(document.getElementsByTagName("span")[0]) ;
2.当然也可以把 jQuery 对象转换为 DOM 对象,由于 jQuery 对象实际上就是一个 JavaScript数据集合,如果要把jQuery 对象转换为DOM 对象,则必须从对象中选取其中的某一项元素,即通过索引选取其中一个元素对象即可。 var span = $(span)[0]
3. 除了使用集合索引值把jQuery对象转换为DOM对象外,还可以使用jQuery的get()方法。
ADD: 发现一个new Jquery 数组的方法实例: $( [] )
var allFields = $( [] ).add( carRegNo ).add( timeIn ).add( frt );
allFields.removeClass("ui-state-error");