前端————jQuery
一、概念:JS技术中一些库使用的比例

jQuery是JavaScript的一个轻量级的框架(库),对JavaScript进行封装,它提供了很多的方便的选择器,让用户快速定位到需要的操作元素上去。还提供了很多便捷的方法。
常用jquery-1.8.3.js这个包,官网jquery.com
jquery的具体知识看一下文件:

二、使用:(1)先把jquery-1.8.3js复制到js文件夹下
(2)使用的格式JS类似(采用外部引入)
例如:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="../../js/jquery-1.8.3.js"></script> //引入库
<script>
$(function(){
alert("hello jquery!");
}); //JQ中比较常用的函数书写格式
</script>
</head>
<body>
...
</body>
</html>
三、JS和JQ页面加载的区别:
(1)JS使用多个onload事件会出现覆盖问题。例如:

只显示老王。
(2)JQ的加载比JS的加载要快。因为jQ是当整个domj树结构绘制完毕就会加载,JS整个页面加载完毕(包括里面的其他内容,比如图片)才加载

先显示李四后显示老王
(3)JQ不存在覆盖问题,加载的时候顺序执行

先显示李四、再显示王五、最后显示老王
(4)JS和JQ在获取方式上的区别:

DOM对象和JQ对象的转换:
说明:

JQ对象无法操作JS里面的属性和方法,同样DOM对象无法操作JQ里面的属性和方法。比如例子中的$("#span1").innerHTML="呵呵哒";不能使用,需要改成.html=("呵呵哒");才能使用。
转换:JQ对象转DOM对象
方式一:用get()方法

方式二:直接[0]

DOM对象转JQ对象(把DOM对象放在$()中)

四、在一些项目中的使用
JQ首页定时弹出广告:

JQ层级选择器:

浙公网安备 33010602011771号