上次记录了一些简单的JQUERY效果,这次继续学习一点,说实话,今天有点忙并且很多事情并不是向自己想像的那样顺利,有时候人就是那样的二,难听点就是有点贱贱的感觉,做不好一些事情还非得想着去做好,于是就催促自己努力的去做,尽管不知道会不会有个美丽的结果,但是过程注定是心酸的,我想现在唯一坚持做下去的事情就是团队博客了,承载着我对这个团队无比的热爱,我想把他真的塑造成为一个团队分享的平台,在这里创造属于网站特有的精神。

好了,不多说了,其实说多了一点用也没有。

下面是今天学习的一点JQURY内容,只学习了一点点,也算是一种进步吧!

好吧,内容开始!

JQURY事件

常见的DOM事件有:

其实也很简单,鼠标单击、双击、经过、离开,键盘按下、松开等,脑海里经过一遍使用过程即可。

下面是使用语法:

指定事件用

$("p").click(function(){
    //action goes here!
});

这就好比第一个学习笔记中的例子:

$("p").click(function(){
    $(this).hide();
});

点击时,当前行隐藏

其他动作类似,只是把click换成相应的动作就可以了!!

其实说到底这些都很容易,只是在用的时候能够想到才是最好的。

感觉隐藏显示什么的才是王道!可是用的地方有好多,比如点击一句话显示一个图层,这样可以用作注释也不错,用作菜单其他的也是可以的,比如我们网站的后台管理页面!!所以,下面的例子就掩饰怎么实现点击一个显示一个图层。

$(function(){
    $("#hide").click(function(){
        $("p").hide();
    });
    $("#show").click(function(){
        $("p").show();
    });
});

意思就是点击id为hide的就隐藏,点击id为show的就显示

其实,如果可以重复点击一个来控制显示或者隐藏的话可以赢一个函数:

toggle()

下面是具体用法:

$("button").click(function(){
    $("p").toggle();
});

是不是很方便了!下面还有更好看的效果,就是可以控制出现或者隐藏的速度!!!

其实,标准的书写方法是:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

其中,hide或者show后面的括号中可以直接填写slow,fast,或者毫秒数字

下面是个具体的例子:

$("button").click(function(){
    $("p").hide(slow);//或者是$("p").hide(fast);,或者是$("p").hide("1000"),及动作时间是1秒
});

最近学习Jquery,整理一下比较好的学习效果网站。昨天在图书馆看书,不知不觉就爱上了一本,只是当时看了一眼价格就昏过去了,99个钢镚一本!15刀上下!老子买不起!

简单实用国产JQUERY UL框架

又是一个学习的好地方!

下面是今天刚看到的:(以下代码纯属自己手动打上去的,没有经过测试,不保证一定正确,具体请参考文档!

在网页中实用Jquery的时候,不一定要下载下来放到本地,可以直接实用网上的托管副本,比如google的code.google.com可以去里面找找看,不过,这是在有网络的环境下,如果没有网,想在本地测试,可以下载下来!

OK,下面开始练练写代码了!

等待文档加载完成之后执行某个指令

$(function(){
    alert("Browser was already!");
});

还有一种比较复杂的写法:

$(document).ready(function(){
    alert("Browser was already!");
});

下面继续深入一点,获取网页的元素!获取网页的元素才真正的和网页进行和交互,从而Jquery才能够控制页面活动,下面是一点Jquery获取网页元素的例子:

$(funciton(){
    $("p").click(function{
    $(this).hide();
});

也就是对所有的p标签,当点击的时候,p标签隐藏!

嗯,是个很实用的功能!

上面只是一个简单的小例子,也可以看到Jquery是怎么获取网页元素的,用美元符号$("")来进行:

比如:$("p")就是获取网页中所有的p段落标签

比如:$(".banner")就是获取class的值为banner的元素,这和css中类似,class与.小黑点相对应,于此类似的有$("#contain")对应的为ID!

比如:$(".banner ul li")就是对应的li标签,其实只要记住和css一致就可以了,只不过,格式书写方式为]【$("")】!

上面的一段代码中还有一点值得说的就是$(this).hide();其中,$(this)是选择当前元素,$(this).hide();就是隐藏当前元素,于此对应的是

$(this).show();显示当前元素,隐藏与显示其他元素可以这样写:$("p").hide();就是所有的段落都隐藏!

每天学习一点点,快快乐乐似神仙!

额,以上纯属原创!!!写的不好,请见谅,并且代码页不一定保证是正确的!

网站迎来了许多新的面孔,他们的青春朝气让网站变得更加的活跃,更加的有了家的氛围,我们每一个人都在朝着自己的目标而努力,朝着网站的目标而努力。不可否认,这是多么的温馨而令人羡慕,我们在一起,有着共同的目标与方向,我们在一起,因为相同的兴趣,互相帮助,不会放弃,因为我们是一家人。

网站的物品就是我们公有的财产,保护我们自己的财产是我们每一个人的责任与义务。

下面就网站中使用电脑出现的一些问题,发表一下我的看法:

第一点:

尽量在网站中下载的东西不要保存在桌面,有些童鞋喜欢看电子小说,于是下载了一些电子书放到电脑上用于转移到手机中,可是转移到手机之后就没有把文件删掉,这也就是为什么我在清理电脑的时候会看到诸如《军统的女人》、《宫婢》之类的电子书。

所以,一定要及时清理自己使用过得文档!

第二点:

不要安装有类似功能的软件,咱们网站的电脑目前浏览器有谷歌chrome、IE、火狐浏览器,基本上每台电脑都有这三种典型浏览器,而对于我们来说这就已经足够了,其他的浏览器都是和这三款类似的,可以说没有下载的必要性。所以,就不要在下载诸如360、搜狗、百度、QQ、1234、2345、猎豹等等其他浏览器。类似的还有输入法,基本上一款输入法就可以了,就不要在安装其他输入法,我竟然在一台电脑上发现了4个输入法,5个浏览器!我知道这些软件都是绑定恶意安装的,所以,提示大家一下哦,安装软件的时候一定要注意每一个步骤,千万不要让绑定的软件通过!此外,类似的其他软件有,安全软件、播放器等。

大家一定要记住,360、QQ、百度这三家,咱们只能选择一个啊~~~

第三点:

我们已经为大家建了一个“个人文件夹”磁盘,打开“我的电脑”就可以看到啦~!大家可以在里面以自己的姓名新建一个文件夹,然后每次都把自己的文件存放在里面,这样我们就不会把这些文件清理掉了。

第四点:

桌面上的文件每周一都会清理,所以,要及时注意备份哦亲~

又是一个寒冷的晚上,凌晨。

一个人守在电脑前不知道该干点什么,很多没有做完的事情也没有了兴致,仿佛瞬时间自己就像被放空了一样,什么都没有了,什么都开始变得虚无飘渺,似乎就像在问自己一个问题,我是谁?

每天都想着要去做好多好多的事情,要准备英语四级考试,要准备期末考试,还想为自己的微信公众平台做个海报,还有SAE的中级开发者认证,还有要做一些网站,我还想看书,还要学习AutoCAD软件与MapGIS软件.......

突然间发现自己一天的时间真的就像是被锁死的,想冲冲不出去,逃不出24小时的铁笼,只能在里面做困兽之争,只是怕,最后被它驯服的像个猫咪一样,完全没有了一点斗志与激情。

温顺也不错,至少在对自己的父母或者亲人时要体现的温顺一点。我想这应该是我们每一个人都应该去遵守与必须要去执行的。学校里一位学生不幸被检查出白血病,全校师生都在踊跃的捐款,昨天从餐厅出来,把自己兜里仅有的20块钱放到箱子里,今天再次经过,又返回去往里面塞了15块钱,有时候我也在想,如果那个检查出病的人是我呢?会不会有那么多人关心?我的母亲该是会多么伤心,然后事实总是让一些人不知所措,我若能够,必倾我所有。

昨天看了一场TED,关于Google的一个开源编程平台,Google Blockly,然后大致浏览了一些内容,这个时候才发现原来还有这样的一款产品让编程这么复杂的工作变得这么简单,具有逻辑性与美术性。里面还有一些开发模块,可以实现很强大的功能,如果你想,你就能实现。

对于有人说谈恋爱,各界褒贬不一,但是绝大多数都是持中立态度,可能这就叫做全面考虑吧。我觉的对于谈恋爱的有一段话是真的很重要,很重要!很重要!可以谈恋爱,但是不要太早的就进入两人世界,你们还在这个世界里,你需要的不仅仅只是对方一个人,还有你周围的环境!

不过,对于像我这种情商为零蛋的人来说,那句话就是扯淡,所谓的两人世界真的让人有种蛋蛋的忧伤,我只能在我自己一个人的天空中自由自在的飞翔,天空中没有其他鸟的痕迹,因为现在是冬天!

冬天真的很冷,买不起羽绒服,还是一身单薄的外套,配上一双单鞋,冬天也就慢慢过去了,管他开始还是结束呢,你在或者不在,我的资本就在这里,你不冻我,我就暖你。

写了好多了,回过头在看看自己写的什么都不是,没有文采不切实际。我说,这根本不是一篇文章,根不是一篇新闻,这个如果打印出来应该是用来垫屁股的吧!

Mark一下,以上内容直接把Google Blockly的首页复制粘贴了。

以后需要慢慢体验再来说一下。

Google Blockly的地址为:

https://code.google.com/p/blockly/

-------------------------------------------------------------------------------------------------------------------------------------

Blockly is a web-based, graphical programming editor. Users can drag blocks together to build an application. No typing required.

Check out our sample applications:

  • Puzzle - Learn how blocks work while solving this simple country quiz.
  • Maze - Use Blockly to solve a maze.
  • Turtle - Drawing with Blockly.
  • Graph - Blockly's graphing calculator.
  • Code - Export a Blockly program into JavaScript, Python or XML.

 

Blockly is international. Help us translate Blockly into even more languages.

Blockly for Developers

Blockly is a component that may be useful for a variety of projects, including educational tools. We want developers to be able to play with Blockly, give feedback, and think of novel uses for it. All the code is free and open source. Join the mailing list and let us know what you think.

External projects using Blockly include:

 

Blockly for Kids/Parents/Teachers

We have created the maze tutorial to introduce children to programming and have more tutorials under construction. Keep posted through ourGoogle+ page or by revisiting this site.

----------------------------------------------------------------------------------------------------------------------------------

 

里面有大量的编程模块供学习者调用,所有模块都可以直接拖放。最重要的是,Blockly 的编程语言还可以以 JavaScript、Dart、Python、XML 等语言形式导出,方便用户学习参考。

OK,心动了吗?!!!