Chinaunix首页 | 论坛 | 博客
  • 博客访问: 391814
  • 博文数量: 93
  • 博客积分: 3006
  • 博客等级: 少校
  • 技术积分: 998
  • 用 户 组: 普通用户
  • 注册时间: 2008-12-02 17:23
文章分类

全部博文(93)

文章存档

2011年(12)

2010年(38)

2009年(20)

2008年(23)

分类: 系统运维

2010-11-06 09:51:31

首先我解释一下终极的意思和我想达到的效果: 
1.
很多人都在为学习找教程,但是总是找不到最适合自己,找了换,换了再找,导致白白的浪费了时间。 
2.
效果:只要有编程基础(asp,php,jsp都成),我可以保证简单得会让你有种想吐的感觉。 
OK
,切入主题: 
准备阶段: 
1.
首先下载一个jquery-1.3.1.js文件。(我这没法上传,不好意思,没有的可以去gougou上搜,大把的) 
2.
然后在页面内引用 
ok
,这样就可以开工了,简单吧。 
只要是编程语言,学习的第一步,是什么?先看看这段文字: 
某程序员对书法十分感兴趣,退休后决定在这方面有所建树。于是花重金购买了上等的文房四宝。一日,饭后突生雅兴,磨墨拟纸,点了上好的檀香,颇有王羲之风范,又具颜真卿气势,定神片刻,泼墨挥毫,郑重地写下一行字: hello world 
这段文字的亮点就是Hello World,有些冷哈,那么,学习jquery的话,我们最开始,也用Hello World开启路程。 
在经过上面的准备步骤之后,继续写: 
 
然后打开页面,马上弹出提示框,内容为hello world 
然后我在解释一下这段代码的意思: 
$(function(){ 
}); 
这一段,表示页面刚加载的时候,也就是body onload事件,然后alert()弹出提示框,或者document.write()打印文字内容; 

所以,第一讲,主要目的,就是入门。 
个人发布教程,追求的就是简洁、明了,甚至是来个外行或傻子都能明白的境界。 
然后我们在稍微延伸一下。 
body里面,加一个标签,如下: 
jQuery 
 
效果:点击超链接,就会弹出提示框。 
程序运行流程: 
1.
页面加载的时候,选中id=”test”的标签,jquery获得某个标签其实和写css选中是一样的。 
2.
选定之后,会赋予这个超链接点击事件,然后点击时候,执行函数体内的内容,我这里设置的是alert()弹出对话框。 
就是这么简单。 
其实,如果超链接形式为jQuery 
那么,获得超链接这个标签就是$(”.test”).click()这样了。 
简单吧!!!
全文完。 
下一篇,为jquery的选择器。
阅读(825) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~