预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共69页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

达内IT培训集团 练习列表 编号名称描述级别 1dom操作演示*** 2jquery处理事件** 3劢画** 4jquery操作类数组** 5jquery小案例** 6jquery对ajax的支持** 注:"*"理解级别"**"掌握级别"***"应用级别 1 达内IT培训集团 目录 1.练习1:dom操作演示*................................................................................................错误!未定义书签。 2.练习2:jquery处理事件**...........................................................................................................................29 3.练习3:劢画**................................................................................................................................................38 4.练习4:jquery操作类数组**.......................................................................................................................45 5.练习5:jquery小案例**...............................................................................................................................51 6.练习6:jquery对ajax的支持**.................................................................................................................53 2 达内IT培训集团 练习1:dom操作演示*** 1)新建工程web14_jquery 2)拷贝js/jquery-1.4.3.js到项目下 dom查询 3)dom1.html <html> <!--查询--> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <title>Inserttitlehere</title> <scripttype="text/javascript"src="../js/jquery-1.4.3.js"></script> <scripttype="text/javascript"> functionf1(){ //alert($('#d1').html()); //alert($('#d1').text()); //$('#d1').html('hellojava'); //alert($('#d1').attr('id')); //$('#d1').attr('style','font-size:60px;color:red;'); //alert($(':text').val()); //$(':text').val('lg'); alert($('#s1').val()); } </script> </head> <bodystyle="font-size:30px;"> <divid="d1"><span>hellojquery</span></div> username:<inputname="username"/><br/> <selectid="s1"> <optionvalue="bj">北京</option> <optionvalue="bj2">北京2</option> <optionvalue="bj3">北京3</option> </select> <inputtype="button"value="Click"onclick="f1();"/> 3 达内IT培训集团 </body> </html> a.html()输出标记中所有内容 b.text()输出标记中的文本内