jQuery--1

发布时间:2019-05-26 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了jQuery--1脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

$(document).ready(function{});//网页中所有的DOM结果绘制完毕后就执行,可能DOM元素关联的东西并没有加载完。
window.onload=function(){};//必须等待网页中所有的内容加载完毕后(包括图片)才能执行。

DOM对象和jQuery对象:
DOM对象:
VAR OUl=document.getElementById("id");//获取DOM对象;
可以通过JavaScript中的getElementById或者getelementsbytagname获取元素节点。像这样得到的元素就是DOM元素。
jquery对象
$("#foo").html();//获取id为foo的元素内的htML代码。
jquery对象就是通过jQuery包装DOM对象后产生的对象。
jQuery对象是jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery里的方法。
在jQuery对象里边无法使用DOM对象得任何方法。同样,DOM对象也不能使用jQuery里边的方法。

jQuery对象和DOM对象的相互转化:
定义变量的风格:
var $variable=jQuery对象;//如果获取的是jQuery对象,那么变量前面加上$;
var variable=DOM对象;//获取的是DOM对象

jQuery提供了两种方法将一个jQuery对象转化为DOM对象,即[index]和get(index);
(1)jQuery对象是一个累死数组的对象,可以通过[index]的方法得到相应的DOM对象。
jQuery代码如下:
var $cr=$("#cr");//jQuery对象
var cr=$cr[0];//DOM对象
(2)另一种方法是jQuery本身提供的,通过get(index)方法得到相应的DOM对象。
jQuery代码如下:
var $cr=$("#cr");//jQuery对象
var cr=$cr.get(0);//DOM对象

DOM对象转化jQuery对象;
var cr=document.getElementById("cr");//DOM对象
var $cr=$(cr);//jQuery对象
对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获取一个jQuery对象了。转换后,可以任意使用jQuery中的方法。

脚本宝典总结

以上是脚本宝典为你收集整理的jQuery--1全部内容,希望文章能够帮你解决jQuery--1所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。