【果核皮肤源码】【watchvue源码原理】【双生喷子源码】jquery 1.0.4 源码

来源:三星拨号应用源码分析

1.统计当前网页被访问次数的源码Jquery代码是什么?

jquery 1.0.4 源码

统计当前网页被访问次数的Jquery代码是什么?

       最简单的办法:

       <script type="text/javascript">

if (localStorage.pagecount){     localStorage.pagecount=Number(localStorage.pagecount) +1;}else{     localStorage.pagecount=1;}document.write("访问数: " + localStorage.pagecount + " time(s).");</script>Jquery 

       jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的源码操作。由John Resig在年1月的源码BarCamp NYC上发布第一个版本。目前是源码由 Dave Methvin 领导的开发团队进行开发。全球前个访问最高的源码网站中,有%使用了jQuery,源码果核皮肤源码是源码目前最受欢迎的JavaScript库。

简要介绍

       jQuery由美国人John Resig创建,源码至今已吸引了来自世界各地的源码众多javascript高手加入其team,包括来自德国的源码J&ouml;rn Zaefferer,罗马尼亚的源码Stefan Petre等等。jQuery是源码继prototype之后又一个优秀的Javascrīpt框架。其宗旨是源码——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

       由于目前高校基本尚未开JavaScript的源码相关课程,目前jQuery的源码学习,使用,研究都仅限于在职Web程序员之间。

       用jq的前提,首先要引用一个有jq的文件

       lt;script type="text/javascript" src="/jquery-latest.min.js"></script>

       这个是jquery官方最新的地址。可用在自己网站里加个这个,就能使用jquery了。 但仍然建议下载到本地服务器上。watchvue源码原理

特点

       动态特效

       AJAX

       通过插件来扩展

       方便的工具 - 例如浏览器版本判断

       渐进增强

       链式调用

       多浏览器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了对Internet Explorer6,7,8的支持)

工厂函数

       在编写js库代码时候,你一定经常和“$”美元符号打交道吧?无论prototype还是DWR都使用了$代替频繁的document.getElementById()操作。jQuery也这样做了,但是,它的双生喷子源码功能远非如此,瞧瞧以下的jQuery代码,你就会发现它的美丽:

       代码

       var someElement = $("#myId");

       看起来比其他两个框架的要多了一个#,好,看看下面的用法:

       代码

       $("div p"); // (1)

       $("div.container"); // (2)

       $("div #msg"); // (3)

       $("table a",context); // (4)

       在prototype里看过这样的写法吗?第一行代码得到所有div标签下的p元素。第二行代码得到class 为container的div元素,第三行代码得到标签下面id为msg的div元素(不过最好别这样写,因为jQuery需要遍历所有的div元素,对于带id的元素,直接用$("#id"))。第四行代码得到context为上下文的table里面所有的链接元素。

       如果你熟悉CSS,源码Linux系统你会觉得这些写法很眼熟!对了。正是。看出奥妙了吧。jQuery就是如此强大,你可以轻易地找到DOM中的任何元素,而这也是jQuery设计之初query的真实含义(查询)。

遍历函数

       jquery提供了很多遍历的函数,如each(fn),但是显卡源码解锁使用这些函数的前提是:你使用的对象是jquery对象。使一个Dom对象成为一个jquery对象很简单,通过下面一些方式(只是一部分):

       代码

       var a = $("#cid");

       var b = $("<p>hello</p>");

       var c = document.createElement("table");

       var tb = $(c);

代替标签

       这个惯例,也许是除了$()之外,用得最多的地方了。下面一段代码:

       $(document).ready(function(){

       alert"hello");

       });(1)

       lt;body "alert'hello');">(2)

       lt;body "alert'hello');">这里的alert'hello');要等到页面全部加载完毕才执行,注意是全部加载,包括dom,等其它资源。

       而$(document).ready(function(){

       alert"hello");

       });(1)

       当dom加载完就可以执行了。

       代码1同时做到表现和逻辑分离。并且可以在不同的js文件中做相同的操作,即$(document).ready (fn)可以在一个页面中重复出现,而不会冲突。基本上Jquery的很多plugin都是利用这个特性,正因为这个特性,多个plugin共同使用起来,在初始化时不会发生冲突。

       当使用jquery时,推荐使用代码1。

       $(document).ready(function(){ fn}); 可以用 $(function(){ fn});代替

       如:

       $(function(){

       alert"hello");

       });

事件机制

       我们大量使用的事件可能就是button的onclick了。以前习惯在input 元素上写 "fn()",使用jquery可以使javascrīpt代码与html代码分离,保持HTML的清洁,还可以很轻松地绑定事件,甚至你可以不知道“事件”这个名词。

       代码

       $(document).ready(function()

       {

       $("#clear").click(function(){

       alert"i am about to clear the table");

       });

       $("form[]").submit(validate);

       });

       function validate(){

       //do some form validation

       }

实现

       代码

       $("selector").load(url,data,function(response,status,xhr))

       该方法是最简单的从服务器获取数据的方法。它几乎与 $.get(url, data, success) 等价,不同的是它不是全局函数,并且它拥有隐式的回调函数。当侦测到成功的响应时(比如,当 textStatus 为 "success" 或 "notmodified" 时),.load() 将匹配元素的 HTML 内容设置为返回的数据。这意味着该方法的大多数使用会非常简单。

渐入淡出

       代码

       $("#msg").show("fast");

       $("#msg").hide("slow");

       $("#msg").fadeIn();

       $("#msg").fadeOut();

       没错,上面两行代码已经分别实现了一个id为Msg的jquery对象的渐入和淡出。做一个像Gmail一样的动态加载通知条,用jquery就那么简单。两个函数接受的参数除了快慢等,还可以接收整型,作为渐入或淡出的完成时间,单位为MS。

文章所属分类:时尚频道,点击进入>>