jquery 实践总结】的更多相关文章

上一个实践主要对jquery的ready事件进行.本实践要来使用jQuery改变页面的背景图片.可以先试试效果:http://hovertree.com/texiao/jquerytree/2/ 当你打开页面时,会看到一闪一闪的雪花效果.这不是使用jQuery的效果,只是用CSS设置了背景图片为动态图而已.本实践将要用jquery改变页面的背景图. 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="…
▓▓▓▓▓▓ 大致介绍 终于结束了考试,放假回家了.这次的别踩白块儿网页版要比之前做的 jQuery实践-网页版2048小游戏 要简单一点,基本的思路都差不多. 预览:别踩白块网页版 这篇博客并不是详细的讲解,只是大致介绍函数的作用,其中实现的细节注释中有解释,网上的这个源码有点乱,如果想看比较整齐的源码或者视频的可以QQ联系我(免费)(找共同学习的伙伴) ▓▓▓▓▓▓ 思路 这个小游戏可以抽象化分为3层 ◆最底下的一层是基本的样式(可见的) ◆中间的层是最主要的,是一个4x3的二维数组,游戏中…
JQuery实践,我已经看了最少三遍了.这里面的很多方法对我的工作很有帮助.但由于不是真的进行前端开发,所以JQuery中的很多功能也没有用到.所以隔一段时间想起,就会发觉,一些东西又忘记了.所以趁这段时间比较空闲,有大量的读书时间,就把这本书再看一遍,记一下知识点,以便自己以后查阅.希望有这方面技术的人,可以给我一些指导.…
转:http://www.cnblogs.com/Wayou/p/jquery_best_prictise.html jQuery编程的最佳实践   好像是feedly订阅里看到的文章,读完后觉得非常不错,译之备用,多看受益. 加载jQuery 1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址. <script type="text/javascript" src="…
▓▓▓▓▓▓ 大致介绍 看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了,但是自己实现起来会遇到各种问题.比如,在最后判断游戏是否结束的时候,我写的语句语法是对的,但就是不执行.最后通过对视频源码的分析对比,发现原作者写的一个setTimeout定时器有额外的意思,本来我以为它就是简单的一个延时动画,其实他是在等待另外一个函数执行完毕.-_-||.最后还是很高兴能写出来,…
属性: attr html:<div>demo1</div> jQuery:$("div").attr("id","demo1"); removeAttr: $("div").removeAttr("id"); prop: html:<input type="text" value="demo2"/> jQuery:$("…
  一.基本 #id: html:<div id="demo1">demo1</div> jQuery:$("#demo1").css("background","red"); element: html:<div>demo2</div> jQuery:$("div").css("background","blue");…
<input type="email" name="email" id="email" value="" onpaste="return false"/> 我们来看看都有哪些邮箱: 我们如果一个个的邮箱进行判断,显然是不可能的了. —个完整的Internet邮件地址由以下两个部分组成,格式如下:登录名@主机名.域名   中间用—个表示“在”(at)的符号“@”分开,符号的左边是对方的登录名,右边…
如果要做手机号的验证,那么我们需要知道手机号码的号段. 182 183 187 188 155 156 176 186 189 //移动运营商:170 移动: 2G号段(GSM):134-139.150.151.152.158-159: 3G号段(TD-SCDMA):157.187.188.147. 联通: 2G号段(GSM):130-132.155-156: 3G号段(WCDMA):185.186. 电信: 2G号段(CDMA):133.153: 3G号段(CDMA2000):180.189.…
Ready事件 对DOM操作之前需要监听页面加载进度,应当在页面加载完成之后再执行DOM编辑操作. $(document).ready(function(){ ... }); 或者 $(function(){ ... }); 选择器 1.优先使用原生方法var el = document.getElementById("element");2.优先使用id选择器性能顺序:ID选择器 > 标签选择器 > 类选择器 > 属性选择器 > 伪类选择器 //性能从上到下递…