星空电竞官网

动易模板中心 | 动易技术中心 | 无障碍阅读| 顾客买之前:4008-300-618
目录
目录X

介绍一个javascript库--jquery

8月26日,jquery发布了1.0版。
jquery是一个轻便的,精简的javascript库,可以通过非常方便的代码实现强大的功能。
jquery支持各种浏览器:Internet Explorer 5.5+, Firefox 1.0+, Safari 1.3+, and Opera 8.5+.

jquery的官方主站:
jquery的文档资料:
jquery的下载地址:在官方主站星空电竞官网就可以下载到,压缩后的大小为17.1k,确实小巧。

现在是一种些能比jquery的适用详细说明和工作说: 这样你现时没动静有树立下去一款 基本的的测试仪界面内容,你呢最好是你树立一款 新的HTML界面内容,并下载那么的代碼来成为缎炼的已经:







jQuery

domcument准备完成时加载代码

很多javascript的开发人员习惯性的把类似下面的代码作为他们程序代码的开始:
window.onload = function(){ ... }
在页面加载的时候立即运行{}中的代码。问题是:在页面中的所有的图片还没有下载完成的时候这些代码是不会运行的。而当你想让你代码第一时间运行的时候,选用window.onload的理由得归咎于html document还没有下载完成这个事实。为了巧妙的饶开上面的两个问题,你可以使用jQuery提供的一个很简单的语句:

$(document).ready(function(){
// Your code here
});

上文的码将全面检查document而且经常到了domcument构造函数就能够被调控—这也正小编所概率的!将上文码被拷贝到你html网页的js地方,写一系列码自测下喔 ^_^

让一些事情发生在鼠标点击时

首要,我查看在选择一种超链节发生了了什么东西。添加图片接下来的代码怎么用:

$("a").click(function(){
alert("Thanks for visiting!");
});

储存兼具刚加载你的html窗口,鼠标点击窗口上的超链节。在你走出本窗口安排转到jQuery.org过后会弹出来有一个会话框。

添加一个Class

另外一个基本的任务就是为一个元素添加/移除一个Class。 请看下面的例子:
$("a").addClass("test");
或者
$("a").removeClass("test");

特效

Basic Effects 部分,提供了几个经常使用的特殊效果,让你的网站更有吸引人魅力。我们来做一个小小的测试,修改之前添加的那个超链接的click方法:
$("a").click(function(){
$(this).hide("slow");
return false;
});

现在你点击这个超链接,你将会发现这个它会慢慢的消失在你的视线中。可以在Feed Pile.com找到更多的特效。

另:还有一个15天学习jquery的教程(英文)

【打印正文】 上架时长:2006-09-11 15:31:56 浏览次数: 诗人:壮志 来历:警告本网站原创内容
×

用户登录

var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?90c4d9819bca8c9bf01e7898dd269864"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); !function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"K9y7iMpaU8NS42Fm",ck:"K9y7iMpaU8NS42Fm"});