1.jQuery的简介
没有jQuery时,用原生的js来获取页面元素以及对页面元素进行操作,很不方便。为了操作DOM元素更加方便,便有了jQuery库,库是预先封装了很多函数的集合,与框架和组件有区别,主要强调封装和函数集合。jQuery带来的便利可以类似于楼梯变为电梯的区别。目前主要使用3.x版本,1.x和2.x已不再更新。
1.1 jQuery的顶级对象为$
向原生js的顶级对象为window一样,jQuery的顶级对象为
。
其
中
。其中
。其中可替换成jQuery。
1.2 jQuery的入口函数
(1)第一种入口函数
$(function(){
//写jQuery代码即可
});
(2)第二种入口函数
$(document).ready(function(){
});
两种入口相当于原生js的DOMContentLoaded事件,DOM结构渲染结束即可,不需要等到文档的图片或者其他样式表渲染,与load不一样。但是第一种更简单一点。
2. jQuery对象与DOM对象转化
jQuery对象只能使用jQuery方法,DOM对象只能使用DOM方法。因此需要相互转化,可以方便的使用。
2.1 DOM对象转化为jQuery对象
$(DOM对象)//此处可以是通过web api获取的对象
$('div')
2.2jQuery对象转化为DOM对象
$('div')[index]//其中index是索引号
$('div').get(index)
好好学习天天向上!学习使我快乐~加油