jQuery:
1.使用jQuery能让我们对html文档遍历和操作,事件处理,动画,
以及ajax变得更加简单
2.jQuery是一款优秀的JavaScript库,从命名可以看出jQuery最主要的用途
是用来做查询(jQuery=js+Query)
3.jQuery程序中不管是页面元素的选择,内置的功能函数 都是美元符号"$"来起始的,
而这个"$"就是jQuery当中最重要且独有的对象,$()等效于jQuery()
window.onload和ready的区别:
window.οnlοad=function(){ };//javascript等待加载
$(document).ready(function(){ }); //jQuery等待加载
1.window.onload必须等待页面加载完毕(包括图片等)然后再执行包裹的代码,
ready只需要等待页面DOM结构加载完毕,就能执行包裹的代码
2.window.onload只能执行一次,如果执行第二次,那么第一次会被覆盖
$(document).ready(function(){ });可以执行多次,不会被上一次覆盖
3.window.onload没有简写,$(document).ready(function(){ });可简写为$(function(){ });
在开发中一般都用的简写
jQuery对象:
1.jQuery对象是指使用jQuery工厂函数包装DOM元素所产生的对象
2.jQuery对象实际上就是DOM对象的一个集合
3.jQuery对象无法使用DOM对象属性方法,DOM对象也无法使用属性方法
开发规范约定:jQuery引用变量名称前加$
var $able = jQuery对象;
var able =DOM对象;
document.getElementById("mydiv").innerHTML="你好!";
$("#mydiv").html("你好!");//html()是jQuery对象的方法
DOM对象与jQuery对象相互转换:
DOM对象转换为jQuery对象:
只需要用$()将DOM对象包装起来,就可以获得jQuery对象————$(DOM对象)
var able =document.getElementById("mydiv");//DOM对象
var $jQueryAble=$(able);//jQuery对象
jQuery对象转换为DOM对象:
通过两种方式转换[index]和get(index)
var $jQueryAble=$("#mydiv"); //jQuery对象
1.var DOMable=$jQueryAble[0];//DOM对象
2. var DOMable=$jQueryAble.get(0);//DOM对象
总结:jQuery对象实际上DOM对象的一个集合