jQuery函数的第二个參数能够指定DOM元素的搜索范围。

第二个參数可分为下面类型

  • DOM reference
  • jQuery wrapper
  • document

代码演示样例

<!DOCTYPE html>

<html>

<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="jquery-1.11.1.js"></script>

<script type="text/javascript">

	// search within all form elements, using a wrapper for context,

	// alerts "8 inputs"

	alert("selected" + $('input', $('form')).length + ' inputs');

	// search with the first form element, using DOM reference as the context,

	// alerts "4 inputs"

	alert("selected" + $('input', document.forms[0]).length + ' inputs');

	// search within the body element for all input elements using an expression,

	// alerts "12 inputs"

	alert("selected" + $('input', 'body').length + ' inputs');

</script>

</body>

</html>

总结

第二个參数的不同的类型。相应的使用方法例如以下表所看到的。

类型 使用方法
jQuery wrapper $('input', $('form')).length
DOM reference $('input', document.forms[0]).length
document $('input', 'body').length

參考

  • jQuery Cookbook -> 1.4 Selecting DOM Elements Within a Specified Context.

jQuery -&gt; 获取指定上下文中的DOM元素的更多相关文章

  1. jQuery -&gt; 获取／设置／删除DOM元素的属性

    jQuery的属性操作很easy,以下以一个a元素来说明属性的获取/设置/删除操作 <body> <a>jquery.com</a> </body> 加 ...

  2. JQuery获取ID含有特殊字符的DOM元素

    因为业务需要,DOM元素的ID被命名为"13/16(FCO26)",执行JQuery的DOM查询时,提示如下错误 Uncaught Error: Syntax error, unr ...

  3. Jquery each() 如何操作动态添加的DOM元素

    JQ each页面上的DOM元素的时候,如果有一部分的DOM是ajax异步加载的,那么each可能遍历不到元素,异步请求数据的同时不会影响后面的代码执行,今天就遇到这个问题了, 解决方案是讲ajax改 ...

  4. Jquery 方式获取 iframe Dom元素

    Jquery 方式获取 iframe Dom元素 測试页面代码: <html>  <head>   <title>jquery方式,訪问iframe页面dom元素& ...

  5. jQuery简单介绍及基本用法(选择器&DOM操作)

    简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是“write Le ...

  6. jQuery查看dom元素上绑定的事件列表

        jQuery API提供了一种能够查看元素已绑定事件的列表,这个功能在进行功能调试的时候特别有用,尤其确定在代码执行过程中元素绑定的事件是否被更改. 1: jQuery( elem ).dat ...

  7. WPF中获取指定坐标依赖对象数据项

    上图中红色框区域是一个自定义的ListBox控件,需要实现的功能是,点击红框区域中某项时,获取当前选中项的数据项 控件的MouseDown事件部分代码为: var x = TreeHelper.Fin ...

  8. 【转载】C#中List集合使用GetRange方法获取指定索引范围内的所有值

    在C#的List集合中有时候需要获取指定索引位置范围的元素对象来组成一个新的List集合,此时就可使用到List集合的扩展方法GetRange方法,GetRange方法专门用于获取List集合指定范围 ...

  9. useRef获取DOM元素和保存变量（十）

    useRef在工作中虽然用的不多,但是也不能缺少.它有两个主要的作用: 用useRef获取React JSX中的DOM元素,获取后你就可以控制DOM的任何东西了.但是一般不建议这样来作,React界面 ...

随机推荐

  1. WPF小记 -- 使用Path自己画图标，点击命中(焦点)丢失问题

    在Template中,Path外面的Grid需添加Background属性值.否则点击范围会受限制,例如:Click,在RadioButton的Height和With范围内点击,命中率<1. & ...

  2. $("[lay-id='"+this.id+"']")

    $("[lay-id='"+this.id+"']") $("[lay-id='"+this.id+"'] .layui-tabl ...

  3. windows环境开启PHP fileinfo扩展

    fileinfo作用:本模块中的函数通过在文件的给定位置查找特定的 魔术 字节序列 来猜测文件的内容类型以及编码(通俗来讲就是获取文件的MIME信息) 开启PHP fileinfo扩展的方法: 1.下 ...

  4. js 判断访问终端类型

    // 判断访问终端类型 var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appV ...

  5. CSS hover 改变另外一个元素状态

    Part.1 问题 我们写页面时也不少遇到这个问题,在没有使用任何预处理语言前提下,当hover 一个元素的时候怎么改变其它的元素? 这里我把它分为两种情况(除自身以外) hover时 1: 改变本身 ...

  6. 微信小程序图片上传java后台（前后端代码）

    小程序代码 upload:function(e){ var that = this; wx.showActionSheet({ itemList: ['从相册选择','拍照'], itemColor: ...

  7. iOS视频通话方案

    现在iPhone4平台上实时音视频对话已取得初步成果.其间查阅了很多资料,感谢这些信息的提供者.继往开来,我写下此文.我只列出要点,具体编码以及平台移植各位自己去努力吧.照着下面的步骤,您一定能做出来 ...

  8. (C/C++学习)17.bitset(位操作)

    说明:bitset 就像 vector 一样,是 C++ 的一个类模板库,用来对一个数的二进制位进行管理.判断等操作,使用时需要包含头文件 #include<bitset>. 1.声明及定 ...

  9. react初探索--react + react-router + ant-design 后台管理系统配置

    首先确认安装了node环境,Node >= 6. 如果对react 及 ant-design 一无所知,建议去阅读下api文档,react 可以在 codePen 在线练习. react Api ...

  10. Python之模块和包导入

    Python之模块和包导入 模块导入: 1.创建名称空间,用来存放模块XX.py中定义的名字 2.基于创建的名称空间来执行XX.py. 3.创建名字XX.py指向该名称空间,XX.名字的操作,都是以X ...