1.4
在特定的上下文
中查找元素
问题
你需要使用jQuery
提供的方法从指定的DOM
元素或document
对象中获取一个或多个DOM
元素，并
对其进行相关操作。
解决方案
当你使用CSS
选择器的时候，你可以向jQuery
方法中传递第2
个参数以指定预查找的DOM
元素的上下文。第2
个参数可以是一个DOM
对象的引用、一个jQuery
对象或者是document
对象。下面的
代码中共有12
个<input>
元
素。请注意：我如何使用特定的基于<form>
元素的上下文选择<input>
元素。
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<form>
<input name="" type="checkbox" />
<input name="" type="radio" />
<input name="" type="text" />
<input name="" type="button" />
</form>
<form>
<input name="" type="checkbox" />
<input name="" type="radio" />
<input name="" type="text" />
<input name="" type="button" />
</form>
<input name="" type="checkbox" />
<input name="" type="radio" />
<input name="" type="text" />
<input name="" type="button" />
<script type="text/JavaScript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/JavaScript">
//searches within all form elements, using a wrapper for context, alerts "8 inputs"
//查询所有的form元素中查找input，打印"8 inputs"
alert('selected ' + jQuery('input',$('form')).length + ' inputs');
//search with the first form element, using DOM reference as the context, alerts "4 inputs"
//使用DOM对象作为第2参数的方式，在第一个form元素下查找input元素，打印"4 inputs"
alert('selected' + jQuery('input',document.forms[0]).length + ' inputs');
//search within the body element for all input elements using an expression,alerts "12 inputs"
//使用jQuery对象作为第2参数的方式，在body下查询所有的input元素，打印"12 inputs"
alert('selected' + jQuery('input','body').length + ' inputs');
</script>
</body>
</html>
讨论
在我们讨论使用document
作为上下文查询对象的时候，仍然有一些需要注意的问题。例如：无法将Ajax
请求返回的XML
文档作为上下文查询其中的对
象。你可以在第16
章找到更多的相关内容的细节。
分享到：
相关推荐
《Packt Publishing ASP.NET jQuery Cookbook（2011）》一书是针对ASP.NET与jQuery集成的专业指南，由Sonal Aneel Allana撰写。本书提供了超过60个实用的食谱，旨在帮助读者深入了解如何将jQuery有效地整合到ASP.NET...
《jQuery Cookbook(第1版)》是一本深受前端开发者欢迎的指南，专注于使用jQuery这个强大的JavaScript库来简化网页交互和DOM操作。这本书的源代码包含了示例代码和书中的实践项目，是学习和理解jQuery核心功能及高级...
### jQuery Cookbook 英文版知识点概述 #### 一、引言 《jQuery Cookbook》是一本由多位jQuery社区专家编写的权威教程，旨在帮助读者快速掌握并深入理解jQuery这一流行的JavaScript库。本书通过丰富的实例和实战...
jQuery UI Cookbook(2013.7) Adam Boduch (pdf + ePub) 出版时间：2013.7 Adam Boduch Packt 内容简介： jQuery UI is the quintessential framework for creating professional user interfaces. While jQuery ...
4. **丰富的插件资源**：jQuery拥有庞大的插件生态系统，这些插件可以帮助开发者轻松实现各种功能，如日历插件、滑动条等。 #### 四、核心知识点介绍 ##### 1. 基础设置与配置 - **环境搭建**：安装PHP服务器（如...
PHP jQuery Cookbook + codebundle, 英文版 2010-12月
《PHP与jQuery开发实例：PHP jQuery Cookbook》一书旨在为读者提供超过60个简单而高效的实际案例，帮助他们利用PHP结合jQuery创建交互式的Web应用。本书由Vijay Joshi编写，他在不同的平台上拥有超过六年的编程经验...
jQuery Mobile Cookbook 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载自网络，如有侵权，请联系上传者或csdn删除 查看此书详细信息请在...
《jQuery CookBook》是一本由jQuery社区专家编写的权威指南，旨在帮助读者深入理解和熟练运用jQuery库。jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务，极大地提高了...
ASP.NET jQuery Cookbook(2nd) 英文mobi 第2版 本资源转载自网络，如有侵权，请联系上传者或csdn删除 本资源转载自网络，如有侵权，请联系上传者或csdn删除