你的位置:首页 > Java教程

[Java教程]【JQuery学习历程】1.初识JQuery


1.JQuery简介:

  JQuery是用js写的JavaScript库,是为了简化js对HTML元素的操作、实现动画效果并方便为网站提供ajax交互;

2.ready()方法:

 ready()方法和js的windown.onload()方法类似,都是当页面的文档加载完毕后调用该方法;不同的是ready()方法是当DOM元素的结构绘制完毕后执行(一些图片类的资源可以没有加载完成)同时可以执行多个而windown.onload()方法是页面的所有资源都加载完毕后执行(包括图片资源)并且只能执行一次;

ready()方法和windown.onload()区别
 windo.onload()$(document).ready()
执行时期必须等到所有的页面资源都加载完毕后执行(包括图片资源)DOM元素的结构绘制完毕后执行(图片资源可以不加载)
编写个数  只能编写一个,如果编写多个后面的会覆盖前面的可以编写多个
简写方法$(function(){})

3.JQuery对象和DOM对象的转化

  JQuery对象只能用JQuery中的方法,DOM对象只能用DOM中的方法

  变量命名约定:JQuery对象前面加$;var $variable = $("div")

  JQuery对象转换成DOM对象,JQuery对象是一个数组集合,可以用下标访问变成DOM对象 var dom = $("div")[0];或者用 var dom = $("div").get(0)都是获取第一个元素

  DOM对象转换成JQuery对象,直接用$符号封装 var $variable = $(dom);

4.解决$符号占用引起的冲突

  noConflict()解决插件之间的兼容性:JQuery.noConflict()让出$符号