既上一篇文章后而有的第 4 篇笔记学习文章,这样的记录学习方式,一方面可以回朔一下记忆(脑容量不够 ><)。一方面在学习更多更深的技术时,可以看看当初学习的笔记,也可以拿来笑笑自已的文笔和理解力。
jQuery 超超级入门笔记
之前在工作上有时会套用别人写好的 jQuery 套件,我也只会把我所要的 class 或是 id 改改。可以有效果了(动)就开心得不得了。但却不清楚到底固中原理是什么。直到真正的学习 jQuery 才清楚到,原来是这么一回事。(jQuery 好好玩)。
我先用我善长的 CSS 来做例子
CSS 选择器:
.head h1{ display: block;}
jQuery:
jQuery 像是指定 Class 的方式。
$(‘.head h1’).show(); //指定选择器,要 jQuery 做什么事。
忘了前面最重要的一点!
一定要先确保网页已戴入 HTML, jQuery 才会开始做我们要他做的事件。
$(document).ready(function(event){$(‘.head h1’).show(); //show();事件可以有很多种,jQuery 字典});
上面程式理解后的,注解说明:
//选择器 + 事件 ->让网页具有互动性(事件: EFFECTS> )
//像是动态增加 style 样式
//像是 css 选择器指定样式。
而css选择器又是什么呢?
CSS选择器是 CSS 规则的一部分。它能让你选定要调整哪个(或哪些)元素的样式。
后记补充:
“”,’’ 是指定选择器才需要$(‘document’) 我常错的失误(哭啊)。
补上jQuery字典 连结
老师每次讲完课后,我都觉得头头是道,没错没错我也要奋勇向上。但,为什么每次写完都没有动作?自我检查,原来又是我的失误,所以也把这个标记上来,以防万一自已又犯错。
HTML标籤选选$(‘h1’).show();
Class选选$(‘.h1’).show();
ID选选$(‘#h1’).show();
最后最后,放上简单的 Click 语法:
$(document).ready(function (event) { $(".button").click(function(){ $("h1").hide(); });});
理解后的说明:
在这个条件下,要做的事。
1.确保网页已戴入 HTML
2.读取".button"条件后,处理
3.指定事件。
小小比喻:
经过审慎思考后,已确认未来目标样子(工程师,设计师,...师),首要条件初级门槛需要不断的努力(不断的拿宝物),才能事件晋级到资深工程师(才能有更大的宝物)。我的比喻有点严肃了><
以上是初级学习生在 jQuery 领域中所学习及理解的。若有不对之处,还请各位大大给我建议。我会虚心学习。