`

锋利的jQuery：第一章 认识jQuery

 
阅读更多

 

 

 

在页面引入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("选中");
				}
			});
		});

 

 

 

 

 

 

 

 

 

 

 

 

分享到：
| sqoop数据的导入和导出
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics