我爱编程

jQuery简介

2016-09-02  本文已影响31人  whatcanhumando

helloworld

$(document).ready(function(){
  alert("Hello World");
});

在jQuery中$就是jQuery的一个简写形式,二者是可以通用的。上面这段代码会在页面加载完成的时候运行。类似于传统js中的window.onload方式,不过还是有一些区别:

  1. 传统方法必须等待网页内容全部加载完成后才能执行;jQuery方法在上dom结构绘制完毕后运行的。
  2. 传统方法如果写多个的不能全部执行,只会执行最后一个;jQuery方法写多个可以全部执行。
  3. 传统方法无简写形式;jQuery方可以简写为 $(function(){});

jQuery和dom对象

jQuery对象就是通过jQuery包装dom对象之后的产生的对象。而dom对象是通过js原生的dom函数获取,比如document.getElementById、document.getElementsByName获取。

jQuery对象和DOM对象可以互相转换。

var $cr = $("#cr");//jQuery对象    
var cr = $cr[0];//DOM对象
var cr = $cr.get(0);//DOM对象

jQuery可以用[index]或者get(index)方法获得dom对象。

var cr = document.getElementById("cr");//DOM对象
var $cr = $(cr);//jQuery对象

dom对象可以直接通过$()操作包装成jQuery对象。

上一篇 下一篇

猜你喜欢

热点阅读