web开发日志jquery.doc

项目1 !DOCTYPE html html head style #first {background-color: blueviolet;} /style meta charset=utf-8 / title/title /head body div id=first大雨/div /body /html 项目2 外部调用 Div{background-color：blue；} #first ，#frist a{background-color：blue；font-size:100px;font-family:”微软雅黑“；color：rgb（254，52，58）;font-weight:bold:font-style: font-variant:Text-decoration：}/decoration文本修饰 a和first 有父子级关系 盒子套 #first：hover{} html head link href=长沙市.css rel=stylesheet type=text/css / meta charset=utf-8 / title/title /head body div id=first大雨/div”#”链接/a //是链接 之用#就可 盒子没有href就是父级的 /body /html 项目3 html head script src=jquery.js/script style div{width:100px;height:100px;background-color: red;position:relative;}//移动的定位 /style meta charset=UTF-8 title/title /head body divnew/div script $(div).animate({top:200px},2000).animate({left:200px},2000)//挤出去 都要加双引号 写top left必须要在css中写定位 /script /body /html script $(div).click( function(){ $(div).animate({top:200px},2000).animate({left:200px},2000) } )//鼠标单击事件 function{}里面复制的上一个代码（）里方的 是不同的参数根据各自的需求click()手打的 鼠标单击时 dblclick（）鼠标双击时 Mouseenter（）鼠标移入事件 mouseleave（）鼠标移出 /script body divnew/div script $(div).click( function(){ $(div).animate({width:500px},2000).animate({width:100px},2000) } )//两个 这个不需要写定位 /script /body Ctrl /注释 项目4 html head script src=jquery.js/script style img{display:none;}//不是用类定义的不用加. /style meta charset=UTF-8 title/title /head body divnew/div input type=button value=按钮 img src=img/p_3.png class=img//可以没有class 但是第一次就不显示了 script $(input).click( function(){ $(img).css(display,block) } )//用css来定义的 按钮事件事件触发用别的内容 block 块图片都有大小 /script /body /html style .img{display:none;}//类定义的 /style meta charset=UTF-8 title/title /head body divnew/div input type=button value=按钮 / img src=img/p_3.png class=img / script $(input).click( function()