繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用jQuery简化JavaScript开发分析
- Javascript
- jquery 交替为表格添加样式的代码
- jquery下操作HTML控件的实现代码
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- 海量经典的jQuery插件集合
- JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）
- JavaScript关于select的相关操作说明
- jQuery的一些特性和用法整理小结
- 用jQuery扩展自写的 UI导航
- JQuery 引发两次$(document.ready)事件
- javascript实现的基于金山词霸网络翻译的代码
- Span元素的width属性无效果原因及解决方案
- javascript 不间断的图片滚动并可点击
- 利用onresize使得div可以随着屏幕大小而自适应的代码
- extjs 为某个事件设置拦截器
- javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
- javascript 特性检测并非浏览器检测
- 20个非常有用的PHP类库 加速php开发
- 前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
- AJAX的跨域与JSONP(为文章自动添加短址的功能)
- JavaScript学习笔记（十）
Javascript 中的 用jQuery简化JavaScript开发分析
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 441 ::
收藏到网摘: n/a
我总是乐于尝试新工具或利用节省开发时间的资源。由于市面上存在有许多Web开发工具，你可能很难缩小搜索范围。 jQuery是我最近发现的一个新工具。jQuery开发团队形容jQuery是“一个快捷、简练的JavaScript库，它可以简化HTML文档检查、事件处理、动画执行、并给你的Web页面增加AJAX交互。”
jQuery初步
你可以免费下载jQuery的最新版本。它由一个明确定义的脚本文件构成，因此你可以随意研究它的源代码。下载JavaScript文件后，你就可以把它放在Web服务器中准备使用。你可以用HTML SCRIPT元素把jQuery库加载到任何Web页面中。src属性应利用文件在服务器中的真实路径。
复制代码 代码如下:
<script type="text/javascript" src="jquery-latest.js" src="jquery-latest.js"></script>
下载文件后，以下的一些任务会对你使用jQuery有所帮助。
编码基础
以下是使用jQuery编码时用到的一些指针：
jQuery代码块前为美元符号（$）。
美元符号后是一个左圆括号。
括号内是你要jQuery查找的内容，如它应使用哪个元素。
特定对象事件后为右圆括号。
你可以用指定的事件定义所发生的操作。方法/事件后的括号内是一个说明发生事件时会出现什么操作的函数。
在举例说明之前，我想介绍jQuery库的一个最有益的基础元素。JQuery利用的一切功能全都位于HTML DOM中，因此在你使用jQuery的特性之前，你必须加载这个文档。你可以用这个文档的ready事件完成上述操作，如下面的jQuery代码段所示：
复制代码 代码如下:
$(document).ready(function() {
// Your code goes here
});
上面的简单jQuery代码允许你在文档完成加载后执行代码。列表A是它的一个应用实例，它对页面上的所有标题元素应用一个CSS类。
复制代码 代码如下:
<html><head>
<title>Test</title>
<script type="text/javascript" src="jquery-latest.js" src="jquery-latest.js"></script>
<script type="text/javascript"><!--
$(document).ready(function(){
$("h1").addClass("testclass");});
// --></script>
<style type="text/css" media="all">
.testclass { background: yellow; font-size: 20pt; }
</stylegt;
</head>
<body>
<h1>Test</h1>
test
<h1>Test2</h1>
test2
</body></html>
这段代码中包含以下元素：
$(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
)
}
评论 (0) All
