一、认识jQuery
$是jQuery的一个简写形式。
$("#foo")等介于jQuery("#foo");
$(document).ready(function(){ //等待Dom元素加载完毕后弹出一个框,类似于javaScript的window.onload方法
alert("Hello World");
})
等介于$(function(){
alert("Hello World");
})
jQuery对象无法使用DOM对象的任何方法。
var $variable = jQuery对象;
var variable = DOM对象;
jQuery转成DOM对象:
(1)var $cr = $("#cr");
var cr = $cr[0];
(2)var $cr = $("#cr");
var cr = $cr.get(0);
DOM对象转成jQuery对象:
var cr = document.getElementById("cr");
var $cr = $(cr);
二、jQuery选择器
$("#tt")获取到的永远是对象,即使网页上没有些元素。所以要用jQuery来判断这个元素在网页上是否存在时不能用
if($("#tt")){
//do something
}
而应该根据获取到元素的长度来判断,
if($("#tt").length > 0 ){
//do something
}
或者转化成DOM对象来判断,
if($("#tt")[0]){
//do something
}