<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery1.8.3/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
$('input').click(function(){
//常用的jquery元素转化成dom元素
//利用get方法获得指定的dom元素
//var x=$('div').get(2)
//alert(x.nodeName+" "+x.innerHTML)
//利用index方法获得指定元素的index位置
//alert($('#div2').index())
//利用size获得匹配元素的数量
//alert($('div').size())
//for(i=0;i<$('div').size();i++){
//alert($('div').get(i).innerHTML)
//}
//利用toarray以数组的形式返回匹配的元素
// x=$('div').toArray()
// for(i=0;i<x.length;i++){
// var str
// str+=x[i].innerHTML
// }
// alert(str)
})
})
</script>
</head>
<body>
<div id='div1'>11111111</div>
<div id='div2'>22222222</div>
<div id='div3'>333333333</div>
<div id='div4'>44444444</div>
<input type="button" value="提交"/>
</body>
</html>
|
