测试代码：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#but").click(function(){
test();
});
});
function test(){
$("div").each(function(index){
var obj=$(this);
var val=$("input",obj).val();//默认第一个匹配的元素
alert(index+":"+val);
});
}
</script>
</head>
<body>
<h2>This is a heading</h2>
<button type="button" id="but">Click me input</button>
<div ><input type='text' value='1'/><input type='text' value='0'/></div>
<div ><input type='text' value='2'/></div>
<div ><input type='text' value='3'/></div>
<div ><input type='text' value='4'/></div>
<div ><input type='text' value='5'/></div>
</body>
</html>
jQuery(expression, [context]) 返回值:jQuery；
一般情况下不指定context参数，此时将在当前的 HTML document中查找 DOM 元素；如果指定了 context 参数，如上例：查找div中的input。
分享到：
相关推荐
关于jQuery()方法的第二个参数，有下面这几种用法： 1.jQuery(selector, [context]) 这种用法，相当于 $(context).find(selector) 或者 context.find(selector) 2.jQuery(html, [ownerDocument]) 文档对...
然而，jQuery还允许我们使用第二个参数来指定一个上下文，这样就可以限制搜索范围，只在给定的上下文中查找匹配的DOM元素。 ### 知识点一：jQuery选择器和上下文 jQuery选择器是一个强大的工具，它基于CSS选择器...
本文将详细讲解如何使用jQuery选择器选取HTML文档中的最后一个元素以及倒数第二个元素，以实例的形式进行演示。 首先，我们来看HTML的基础结构。在提供的示例中，我们有一个`<div>`元素内包含五个`<p>`元素，每个`...
### JQuery选择器帮助文档 #### 一、简介 本文档主要介绍了JQuery 1.3.2版本中的选择器功能，这些选择器可以帮助开发者高效地选取网页中的元素，从而实现对DOM的操作。JQuery的选择器简化了JavaScript原生操作DOM...
1. **选择器**：jQuery提供了丰富的选择器，如id选择器(#id)、类选择器(.class)、属性选择器([attr=value])等，方便快速选取DOM元素。 2. **DOM操作**：jQuery简化了DOM操作，如`.html()`, `.append()`, `.prepend()...
3. **参数配置**：`.fastLiveFilter()`方法接受两个参数，第一个是需要过滤的元素选择器，第二个可选参数是一个回调函数，可以进行进一步的定制操作。 例如，可以设置匹配模式： ```javascript $("#searchInput")....
第二个参数是可选的上下文，它指定一个DOM元素集合，jQuery将在这些元素内部进行查找，这有助于缩小查找范围，提高性能。 5. 使用技巧：在实际开发中，合理地使用jQuery选择器能够有效地提高编码效率和代码的可读性...
`selector`参数是一个jQuery选择器表达式。例如： ```javascript $("div.mini:has(p)") // 选取包含p元素的所有div.mini元素 ``` 3. `:empty`选择器： 这个选择器用于选取没有子元素（包括文本节点）的空元素...
1. **级联选择器**：级联选择器是一种常见的UI组件，用户首先从一个下拉菜单中选择一个选项，然后第二个下拉菜单根据第一个选项动态加载相关数据，依次类推。在这个场景中，是省、市、区三级联动。 2. **JQuery库**...
这个函数接受两个参数，分别对应鼠标进入和离开元素时执行的函数。例如： ```javascript $(".parentLi").hover(function() { $(this).children(".subMenu").slideToggle("slow"); }); ``` 这段代码选择所有类名为...
- jQuery选择器`$("tr:eq(1)")`应该选取`<tr>`元素集合中的第二个元素，因此在选项A中正确选出了`<tr><td>Value1</td></tr>`元素。 通过这些测试题目，可以对jQuery选择器的使用有一个深入的认识，并且掌握选择器与...
这里的第一个selector代表目标元素，而第二个selector则代表子元素。例如，如果你想找到所有包含子元素的元素并改变它们的背景颜色，你可以使用如下代码： ```javascript $("li:has(p)").css("background", "red");...
《锋利的jQuery 第二版》是由人民邮电出版社出版，单东林和张晓菲等人编著的一本深入解析jQuery技术的书籍。这本书详细介绍了jQuery库的各种功能和使用技巧，旨在帮助读者高效地进行网页开发。jQuery是一个广泛应用...
链式调用允许我们在一个选择器上同时绑定多个事件处理函数。同时，`off()`方法用于移除已绑定的事件。 ### 四、动画效果 jQuery的动画功能使得创建动态效果变得轻而易举。`fadeIn()`, `fadeOut()`, `slideToggle()...
以上是JQuery自学第二天所涉及的主要知识点，包括JQuery与原生JavaScript的比较、冲突解决、核心函数的使用、选择器以及属性操作。通过深入理解和实践，你可以逐步掌握JQuery的精髓，提高网页开发的效率。
第三个语法结构是带有两个参数，第二个参数是一个上下文（context）： ```javascript jQuery(selector, context) ``` 这里的`context`参数用于限定选择器的搜索范围，它可以是一个DOM元素、文档对象或者已存在的...
例如，`$("img[title]")[1]` 会获取所有设置了 title 属性的 img 标记中的第二个元素。此外，jQuery 的 `.get(index)` 方法也可以达到同样的目的，它返回的是原生的 DOM 元素，这在需要进行原生 JavaScript 操作时...
如果只需要获取属性值，不改变它，可以省略第二个参数。 4. **样式操作** jQuery的`.css()`方法用于处理元素的样式。可以设置单个样式，如`$("p").css("color", "red")`，也可以设置多个样式，如`$("div").css({...