在jquery中,contains()方法用于判断指定元素内是否包含另一个元素,即用于判断另一个元素是否是指定元素的后代,语法为“$.contains(祖辈容器元素,后代元素)”。
本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery contains()方法
contains()方法用于判断指定元素内是否包含另一个元素。
简而言之,contains()方法用于判断另一个DOM元素是否是指定DOM元素的后代。
语法
$.contains( container, contained )
参数 |
描述 |
---|---|
container | Element类型 指定可能包含其他元素的祖辈容器元素。 |
contained | Element类型 指定可能被其他元素包含的后代元素。 |
返回值
jQuery.contains()函数的返回值为Boolean类型,如果指定元素包含另一个元素,则返回true,否则返回false。
说明
jQuery.contains()仅用于比较两个DOM元素(Element类型,不能是NodeList或其他对象)。它会从contained元素的父元素开始逐级向上查找,判断其是否等于container元素,如果是则返回true,否则返回false。
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> </head> <body> <script> $(function() { function funcontain(html) { document.body.innerHTML += "<br>" + html; } funcontain($.contains( document.documentElement, document.body )); // true funcontain($.contains( document.body, document.documentElement )); // false }) </script> </body> </html>
【推荐学习:jQuery视频教程、web前端开发视频】