jQuery -> 获取指定上下文中的DOM元素
Posted yxysuanfa
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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.
以上是关于jQuery -> 获取指定上下文中的DOM元素的主要内容，如果未能解决你的问题，请参考以下文章
让table表头固定，tr超出指定条数后无缝上下循环滚动jquery效果代码
让table表头固定，tr超出指定条数后无缝上下循环滚动jquery效果代码