zoukankan      html  css  js  c++  java
  • jQuery -> 获取指定上下文中的DOM元素

    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.
  • 相关阅读:
    使用 Python 编码和解码 JSON 对象
    搞定github下载加速
    git错误:fatal: Could not read from remote repository.解决
    webstorm安装配置
    node.js下载安装
    IDEA安装小配置
    JAVA软件安装
    关于升级一般软件的一些想法
    linux 的 逻辑卷管理
    记一次内核升级。
  • 原文地址:https://www.cnblogs.com/yxysuanfa/p/6918378.html
Copyright © 2011-2022 走看看