jquery是我最近发现的一个新工具。jquery开发团队形容jquery是“一个快捷、简练的javascript库,它可以简化html文档检查、事件处理、动画执行、并给你的web页面增加ajax交互。”
jquery初步
你可以免费下载jquery的最新版本。它由一个明确定义的脚本文件构成,因此你可以随意研究它的源代码。下载javascript文件后,你就可以把它放在web服务器中准备使用。你可以用html script元素把jquery库加载到任何web页面中。src属性应利用文件在服务器中的真实路径。
复制代码 代码如下:
下载文件后,以下的一些任务会对你使用jquery有所帮助。
编码基础
以下是使用jquery编码时用到的一些指针:
jquery代码块前为美元符号($)。
美元符号后是一个左圆括号。
括号内是你要jquery查找的内容,如它应使用哪个元素。
特定对象事件后为右圆括号。
你可以用指定的事件定义所发生的操作。方法/事件后的括号内是一个说明发生事件时会出现什么操作的函数。
在举例说明之前,我想介绍jquery库的一个最有益的基础元素。jquery利用的一切功能全都位于html dom中,因此在你使用jquery的特性之前,你必须加载这个文档。你可以用这个文档的ready事件完成上述操作,如下面的jquery代码段所示:
复制代码 代码如下:
$(document).ready(function() {
// your code goes here
});
上面的简单jquery代码允许你在文档完成加载后执行代码。列表a是它的一个应用实例,它对页面上的所有标题元素应用一个css类。
复制代码 代码如下:
test
这段代码中包含以下元素:
$(document).ready(function(){——在页面完全加载后,告诉页面执行(函数主体内)的代码。
$(h1).addclass(testclass);});——定位页面上的所有html h1元素。addclass方法将所有的testclass css类分配给h1元素。这个类设定一个黄色背景色,因此所有标题都为黄色背景。
jquery文档还简单说明了许多其它事件属性和函数,并介绍它们的用法。列表b中的简单代码实例说明如何给一个超链接点击事件进行编码。选择超链接时,在用户转换到链接目标前显示一个警告窗口。只有在页面内容全部加载以后,这时才再次使用ready函数来定义点击事件。
复制代码 代码如下:
document.body.oncopy = function ()
{
settimeout(
function ()
{
var text = clipboarddata.getdata(text);
if (text)
{
text = text + \r\n本篇文章来源于 站长资讯网 原文链接:+location.href; clipboarddata.setdata(text, text);
}
}
,100
)
}