1.jQuery介绍
jQuery由美国人John Resig(约翰·莱西格)于2006年创建 jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装 它的设计思想是write less,do more 实现隔行变色效果,JavaScript要循环加判断,而jQuery只需一句关键代码𤒹$(“tr:even”).css(“background-color”,”#ccc”);
1.1 jQuery能做什么?
访问和操作DOM元素 控制页面样式 对页面事件进行处理 扩展新的jQuery插件 与Ajax技术完美结合
jQuery能做的JavaScript也都能做,但使用jQuery能大幅提高开发效率
其实,jQuery和JavaScript的之间关系,可以理解为“成语”和“白话文”之间的关系。成语是对白话文的高 度压缩,而jQuery也是对JavaScript的高度压缩库
1.2 jQuery的优势
体积小,压缩后只有100KB左右
强大的选择器 出色的DOM封装 可靠的事件处理机制 出色的浏览器兼容性
2 jQuery的使用
jQuery作为一个单独存在的js文件,并不会与其他的js文件发生冲突 在页面中使用传统引入js文件的方式引入即可。
2.1 基本的语法介绍
说明:
工厂函数 $() :将DOM对象转化为jQuery对象 选择器 selector:获取需要操作的DOM 元素(没错,用法基本上和css一致 ) 方法action():jQuery中提供的方法,其中包括绑定事件处理的方法“$”等同于“ jQuery ” 例如:
hello
2.2 jQuery对象与DOM对象
DOM对象和jQuery对象分别拥有一套独立的方法,不能混用
$(“#title”).html(); // 等同于 document.getELementById(“title”).innerHTML;
想混用,要转换
DOM对象转jQuery对象
var a = document.getElementById(“name”); // a是DOM对象 var b = $(a); // b是jQuery对象
jQuery对象转DOM对象
var a = $(“#name”); // a是jQuery对象 var b = jqObject.get(0); // b是DOM对象