《jQuery基础教程》读书笔记--第一章

第一章

jQuery能做什么

取得文档中的元素(遍历,以DOM或者某个HTML部分),类选择器
修改页面外观,修改css。
改变文档内容,修改HTML代码:如改变文本、插入或翻转图像。
Ajax。
为页面添加动态效果:如擦出、淡入淡出等特效
响应用户操作(更好的、无污染的事件注册机制
其他Javascript能完成的任务。

jQuery的优势

利用css的优势。
支持拓展。
屏蔽浏览器的不一致性。(可以放心的编写跨浏览器、平台的代码)。
总是面向集合:隐式迭代、所有Query的结果都是集合。
多重操作、代码精简:支持连缀

第一个jQuery程序

[javascript]
$document.ready(function ()
{
$('.poem-stanza').addClass('highlight');
}
);
[/javascript]

当网页加载完成后,来给某一个css类(class),动态的添加一个额外的css属性。
 

其中
$(document)是jQuery的工厂类。
.addClass / .removeClass是为了一个集合添加、移除css属性,注意,这里无需循环,是隐式迭代。
把函数放入$(document).ready()中,实际是注册了document的onLoad事件,jQuery支持这种完全独立于HTML的注册方式,使HTML和Javascript的耦合降到最低。

进行一些拓展,当点击一个链接的时候:显示/隐藏这个css属性:
 

[javascript]
var $flag = false;
$(document).ready(function ()
{
$('#doit').click(function ()
{
//alert("HaHa!");
if(!$flag)
{
$('.poem-stanza').addClass('highlight');
}
else
{
$('.poem-stanza').removeClass('highlight');
}
$flag = !$flag;
}
);
}
);
[/javascript]

2 thoughts on “《jQuery基础教程》读书笔记--第一章

  1. digiter

    开始看jQuery了?我也买了一本《巧用jQuery》,不过还没怎么看...你看的是哪本?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *