[鼠年全马铁人挑战] Week 4-网页排版笔记: jQuery 超入门笔记

既上一篇文章后而有的第 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 领域中所学习及理解的。若有不对之处,还请各位大大给我建议。我会虚心学习。


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章