大发游戏平台官方网站 ,包括了各种功能的使用,非常适合初学者.
0,jQ的关键程序: 程序代码 window.onload = function(){ ... } . 访问HTML文档的元素,必须先载入文档对象模型(DOM)。当window.onload函数执行的时候,说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片会比较慢,因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的。 对于此,jquery提供了一个ready事件,你可以使用以下的代码片段: demo0: 程序代码 $(document).ready(function(){// 你的代码}); $(document)意思是说,获取整个网页文档对象(类似的于window.document),$(document).ready意思就是说,获取文档对象就绪的时候。 上面这段代码的意思是检查文档对象直到它能够允许作(译者注:这样做比window.onload()函数要快的多,因为只要文档对象载入完成就能够执行代码了,而不需要等待页面中的图片下载是否已经完成)---这是我们想要的。好了 ,其他的也不多说了,我们开始来用jQ写几个简单的例子。1,demo1: 鼠标点击时的触发 首先,我们尝试鼠标点击超链接时触发某些行为。在ready函数里加入以下代码: 程序代码 $(p).click(function(){alert(hello world);}); 2,demo2:增加 CSS Class 另外一个事情就是,一个共同的任务:增加或移除元素的css class,例如: 程序代码 $(a).addClass(test); $(a).removeClass(test); 那么当你调用了addClass函数后,所有超链接的字体将变成粗体。3,demo3:show( )和html()的使用$(a).addClass(test).show().html(foo);程序解释:首先增加样式,然后show( ):显示隐藏的匹配元素。html(foo):设置每一个匹配元素的html内容4,demo4:特效hide()$(a).click(function(){ $(this).hide(slow); return false;});程序解释: 点击超链接,超链接就会慢慢的消失。 “return false表示保留默认行为,因此页面不会跳转。5,demo5:demo5-收缩展开功能$(#head).click(function(){$(#content).slideToggle(slow,function(){ alert(Hello,cssrain..);});});程序解释:1,首先把JQ导入.2,然后开始写函数了。$(document).ready(function(){});3,前面说过了,获取标签能直接 $(标签)。给标签注册 onclick事件直接可以 click.4,核心代码: $(head).click(function(){$(content).slideToggle(slow);}); 5,slideToggle(speed, callback)通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏或显示。6,demo6:appendTo的用法{$(#head2).click(function(){$(
).appendTo(#ccc);});}
demo1-鼠标点击时的触发.htmldemo2-1-增加 CSS Class.html
jQ学习第二季介绍略
jQ学习第三季介绍略