使用jQuery简化Ajax开发
来源：asp之家 发布时间：2010-04-11 21:09:00
一些简单的代码简化
下面是一个简单示例，它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务，比方说为页面的某一区域中的每个链接附加一个单击（click）事件，您可以使用纯 JavaScript 代码和 DOM 脚本来实现，如 清单 1 所示。
清单 1 ：没有使用 jQuery 的 DOM 脚本
var external_links = document.getElementById('external_links');
var links = external_links.getElementsByTagName('a');
for (var i=0;i < links.length;i++) {
var link = links.item(i);
link.onclick = function() {
return confirm('You are going to visit: ' + this.href);
};
}
清单 2 显示了使用 jQuery 实现的相同的功能。
清单 2. 使用了 jQuery 的 DOM 脚本
$('#external_links a').click(function() {
return confirm('You are going to visit: ' + this.href);
});
是不是很神奇？ 使用 jQuery，您可以把握问题的要点，只让代码实现您想要的功能，而省去了一些繁琐的过程。无需对元素进行循环，click() 函数将完成这些操作。同样也不需要进行多个 DOM 脚本调用。您只需要使用一个简短的字符串对所需的元素进行定义即可。
理解这一代码的工作原理可能会有一点复杂。首先，我们使用了 $() 函数 —— jQuery * 能最强大的函数。通常，我们都是使用这个函数从文档中选择元素。在本例中，一个包含有一些层叠样式表（Cascading Style Sheet，CSS）语法的字符串被传递给函数，然后 jQuery 尽可能高效地把这些元素找出来。
0
投稿猜你喜欢
- package 的导入语法写 Go 代码的时经常用到 import 这个命令用来导入包，参考如下：import( "f
- 为 Web页指定 DOCTYPE 会影响浏览器呈现页的方式。Internet Explorer、Mozilla Firefox 和 Oper
- 阅读本文需要有其他语言的编程经验。在 JavaScript 中数组是对象（而非线性分配的内存）。通过数组 literal 来创建数组：var
- 最近学习了Oracle修改字段类型方法，留做记录。有一个表名为tb，字段段名为name，数据类型nchar(20)。1、假设字段数据为空，则
- 本文实例讲述了Python yield的用法。分享给大家供大家参考，具体如下：yield的英文单词意思是生产，刚接触Python的时候感到非
JDBC之C3P0数据库连接池，供大家参考，具体内容如下1 首先在src中创建c3p0-config.xml 配置文件,文件中内容如下(首先- 问题你想通过某种对齐方式来格式化字符串解决方案对于基本的字符串对齐操作，可以使用字符串的 ljust() , rjust() 和 cente
- 1. PHP入侵检测系统PHP IDS(即PHP-入侵检测系统)是一套易于使用、结构良好、速度出色且专门面向PHP类Web应用程序的先进安全
- python路径拼接使用：os.path.join()函数：连接两个或更多的路径名组件如果有一个组件是一个绝对路径，则在它之前的所有组件均会
- python保存图片时和原图大小一致之前遇到过一次这个问题，当时解决了但是忘了记录，这里再记录一次好了。1. matplotlib系列的整体
- python爬取淘宝商品销量的程序，运行程序，输入想要爬取的商品关键词，在代码中的‘###'可以进一步约束商品的属性，比如某某作者的
- 重装电脑，在windows和虚拟机里面的Ubuntu里都安装了Pycharm专业版，安装的时候我都选择了vim插件，装好之后打开发现ctrl
- 成天都要与样式打交道的朋友，相信对CSS选择符(CSS Selectors)都不会陌生。不过对于刚接触或者还不是很熟悉css的朋友来说，能够
- 1、先去官网下载mysql 安装包https://dev.mysql.com/downloads/mysql/2、下载完后解压到你想要安装M
- Python编写类的时候，每个函数参数第一个参数都是self，一开始我不管它到底是干嘛的，只知道必须要写上。后来对Python渐渐熟悉了一点
- 卷积函数python提供了多种卷积方案，相比之下，定义在ndimage中的卷积函数，在功能上比numpy和signal中的卷积要稍微复杂一些
- Python反转二维数组的行和列代码如下：import numpy as nparr=np.arange(12).reshape(4,3)p
- 目录相关背景直方图计算法图像指纹与汉明距离平均哈希法(aHash)感知哈希算法(pHash)dHash算法在网上看到python做图像识别的
- 为方便用ipset 来管理防火墙，写了下面Ipset类来对Ip进行管理#!/usr/bin/env python# coding: utf-
- 一个随机排列元素的方法, 其实之前是在摄影页面写的一个小效果.查看演示: 点此查看DEMO实现方法利用Math.random()产生随机数,
