1.JQuery是什么东西? jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML/CSSDOM、 事件、实现动画效果,并且方便地为网站提供AJAX交互。 2.如何使用
1. JQuery 是什么东西?
jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML/CSS DOM、 事件、实现动画效果,并且方便地为网站提供AJAX交互。
2. 如何使用JQuery?
⑴. 引用第三方js库文件,<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
⑵.查阅并使用api手册
3. JQuery对象和javascript对象的区别
⑴.js对象的三种基本定位方式
(A)通过ID属性:document.getElementById()
(B)通过NAME属性:document.getElementsByName()
(C)通过标签名:document.getElementsByTagName()
⑵. jQuery对象的三种基本定位方式
(A)通过ID属性:$("#id属性值")
(B)通过标签名:$("标签名")
(C)通过CLASS属性:$(".样式名")
因为使用JQuery库函数取得元素的方法返回的是JQuery对象(例如var $div = $(“#divID”);)
使用javascript取得元素的方法返回的是javascript对象
(例如var div1 = document.getElementById(“divID”);)
但是JQuery对象不能调用javascript对象的方法,相同的javascript对象也不能调用JQuery对象的方法。所以就需要将JQuery对象和javascript对象互相转换。
⑴.Javascript对象----->>>JQuery对象
JQuery对象 = $(javascript对象) 比如:
var divElement = document.getElementById("divID");//js对象
var $div = $(divElement);//JQuery对象
⑵.JQuery对象----->>>Javascript对象
每一个JQuery对象其实是一个数组,比如调用 $(“#ID”) 方法 将返回一个存放javascript对象的数组,下标从 0 开始。比如:
var $div = $("#divID");//jquery对象
var divElement = $div[0];//js对象 或 var divElement = $div.get(0);