AI智能
改变未来

jQuery的入门总结


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)

好好学习天天向上!学习使我快乐~加油

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » jQuery的入门总结