在页面引入JQuery
<head> <script src="jquery-1.8.3.js" type="text/javascript"></script> </head>
第一个JQuery程序
$(document).ready(function(){ alert("Hello Word"); });
1、网页中多有DOM结构绘制完成后就执行,可能DOM元素关联的东西还没有加载完成
2、能同时编写多个
3、简化写法
$(function(){
alert("Hello jQuery");
});
DOM对象
var domObj = document.getElementById("id");//获得dom对象 var ojbHTML = domObj.innerHTML;//使用javascript中的属性
jQuery对象
$("#foo").html();//获取id为foo元素的html代码
等同于
document.getElementById("foo").InnerHTML;
jQuery对象转DOM对象
方式一:jQuery对象类似数组,通过[index]方式转成DOM对象
var $cr = $("cr");//jQuery对象 var cr = cr[0];//DOM对象
方式二:jQuery本身提供get(index)
var $cr = $("#cr"); var cr = $cr.get(0);
DOM对象转换jQuery对象
var cr = document.getElementById("cr");//DOM对象 var $cr = $(cr);//jQuery对象
一个选中checkbox就alert的例子
<input type="checkbox" id="cb"/>
$(document).ready(function(){//等待DOM对象加载完毕
var $cb = $("#cb");//通过id获取jQuery对象
$cb.click(function(){
if($cb.is(":checked")){//jQuery方式判断
alert("选中");
}
});
});