测试代码:
<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元素的搜索范围。 第二个参数可分为以下类型 DOM reference jQuery wrapper document 代码示例 代码如下: <!DOCTYPE html> <html> <body> <form> <input ...
第二个参数'param'是指传入方法的实际参数。例如,为dialog组件扩展一个方法名为'mymove',代码如下: $.extend($.fn.dialog.methods, { mymove: function(jq, newposition){ return jq.each(function(){ $...
这个函数会得到二个参数:从服务器返回的数据(根据“dataType”进行了格式化)和一个描述HTTP相应的状态字符串。这是一个 Ajax 事件。 function (data, textStatus) { // data could be xmlDoc, jsonObj, html,...
二. jQuery 选择器 在前面的章节中,我们展示了一些有关如何选取 HTML 元素的实例。 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或...
第一个参数是异步请求的url,第二个为参数,第三个回调方法。 (4)的方法会在指定的Dom对象上绑定响应ajax执行的事件。 (5)同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。 var ...
jQuery中不仅可以使用选择器就行绝对定位,而且还可以进行相对定位,只要在$()中指定第二个参数,第二个参数就是相对的元素。第二个参数传递一个jQuery对象,则相对于这个对象为基准进行相对的选择。 代码如下: <...
以上代码是将li元素集合中索引为1(也就是第二个li)的li中的字体颜色设置为绿色。 如果不和其他选择器配合使用,则默认状态是和*选择器配合使用,例如$(“:eq()”)等同于$(“*:eq()”)。 参数列表: 参数 描述
第二个参数'param'是指传入方法的实际参数。例如,为dialog组件扩展一个方法名为'mymove',代码如下: $.extend($.fn.dialog.methods, { mymove: function(jq, newposition){ return jq.each(function(){ $...
第二步是在jQuery对象间的跳转。也就是说,已经得到了一个jQuery对象,但是并不是想要的,那么可以通过一系列的跳转方法,比如parent()、next()、children()、find()等,或者过滤筛选的方法,比如eq()、filter()、...
但是在你创建 input 元素的时会有限制,可以参考第二个示例。当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用 $(...
一款简单jQuery日历选择器代码 3.基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果 4.基于jquery实现多功能日历插件(weekcalendar)1.2版本下载 5.实用漂亮jQuery网页日历插件datePicker下载 6.简洁...
但是在你创建 input 元素的时会有限制,可以参考第二个示例。当然这个字符串可以包含斜杠 (比如一个图像地址),还有反斜杠。当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用 $(...
第二步:查询祖先 parent() 返回被选元素的直接父元素,该方法只会向上一级对 DOM 树进行遍历 parents() 可以使用可选参数来过滤对父元素的搜索 返回被选元素的所有祖先元素,它一路向上直到文档的根元素 ...
使用该分页器,需要先引入jquery,生成分页栏的方法需要传入两个参数,第一个参数是当前页curPage,第二个参数是总页数pageCount。
}/*把第3个LI的背景设为橙色*/ 第二:nth-child(an) 匹配所有倍数为a的元素。其中参数an中的字母n不可缺省,它是倍数写法的标志,如3n、5n。 (EG) li:nth-child(3n){background:orange;}/*把第3、
jQuery选择器 实例多选反选取消 删选器以及Tab菜单示例 示例:模态编程框 jQuery 样式以及属性操作 示例:TAB切换菜单 jQuery内容操作 点赞以及jQuery css操作 JQuery高度以及位置操作 JQuery 事件绑定的方式 JQuery...
第一个是选择器 第二个是可选的 请注意,如果选择器匹配多个行,则此方法将截断结果以仅包含一行,即第一个匹配的行。如果没有参数返回第一行。 读取数据时用 table.row(rowSelector [,modifier]).data()即可 ...
1.过滤 eq(index) 看这个函数和基础里的:eq貌似是一样的(其实就是一样的) 比如我们对<div>1</div><div>1做选择,那我们可以用$(“div”).eq(1)或$(“div:eq(1)”) 来选中第二个div效果是一样的 hasClass(class) ...