JavaWeb课程系列
第4章 Jquery
1.简介
1)jquery是目前最流行的一种JavaScript库。
2)所谓JavaScript库就是对JavaScript进行进一步封装和开发,然后将其打包为js文件 方便重复调用。jquery也可称为JavaScript框架。
3) jquery的主要功能是简化JavaScript的开发工作。并且基本解决了浏览器的兼容问 题。
2.核心函数
2.1 $是jquery的核心函数。
jquery的大部分功能都是核心函数来完成的。
2.2核心函数根据实参的不同,有四种不同的用法
2.2.1传入一个函数作为参数
如:$(function(){})
作用:和window.onload = function(){}一样,在文档加载完成后调用
2.2.2传入一个选择器的字符串
如:$(“#id”)
作用:和document.getElementById(“id”)一样,从文档查询需要的元素
2.2.3传入一段HTML代码
如:$(“<li>广州</li>”)
作用:创建一个li对象
2.2.4传一个DOM对象
如:var ele=document.getElementById(“abc”); var x= $(ele);
作用:将一个js获取的dom对象转化为一个jquery对象。这样就可以使用jquery里面的方法了
3.jquery对象与dom对象
3.1 dom对象
dom对象是原生的网页文档对象。可以通过js获取到文档对象。然后进行增删改操 作。
3.2 jquery对象
jquery对象是使用jquery包装后的文档对象。只有这个对象才可以调用jquery的方 法。dom对象不是jquery 的对象,所以我们不能调用jquery的方法,我们需要将其包 装为jquery对象才可
3.2.1 DOM对象
通过原生JS获取的对象是DOM对象
3.2.2 jQuery对象
通过jQuery核心函数包装过的对象叫做jQuery对象
3.2.3比较
1)两种对象之间不能互相调用对方的方法
2)命名上的区别:
jQuery对象命名时习惯加上$,加以区分。
3.2.4转换
1)DOM --> jQuery
$(DOM对象)
2)jQuery --> DOM
jQuery对象[索引]
jQuery对象的本质就是DOM对象的数组,所以可以通过给对象加下标的 形式获取数组中的DOM对象