jQuery初步
初识jQuery
jQuery是JavaScript的程序库之一,它是JavaScript对象和实用函数的封装。
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。
导入jQuery库(这里使用jQuery1.11.1版本)
首先在项目下创建文件夹,然后把要导入的jQuery库复制进去就OK,如下图,
在页面中引入jQuery库
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title>引入jQuery库</title> 6 <script src="../js/jQuery1.11.1.js" type="text/javascript"></script> 7 8 </head>
jQuery语法:
$(selector).action();
或:
$(function(){})
个人喜欢使用方法二,语法简单,便于记忆。
工厂函数:$()
$(function(){})
其中,"$"符号等价jQuery,也可以说是"$"就是jQuery。
工厂函数的作用:
$()的作用是将DOM(浏览器对象模型)对象转化为jQuery对象,只有将DOM对象转化为jQuery对象后,才能使用jQuery方法。
DOM对象和jQuery对象
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。
DOM对象和jQuery对象相互转换
DOM转换为jQuery对象
var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象
转换后,就可以任意使用jQuery的方法了。
jQuery对象转换为DOM对象
var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中