iframe子页面引用父级页面的jQuery工具库

最新推荐文章于 2024-04-27 18:57:06 发布

weixin_43962846

最新推荐文章于 2024-04-27 18:57:06 发布

阅读量849

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery

本文链接：https://blog.youkuaiyun.com/weixin_43962846/article/details/88551089

JQuery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在子页面中使用jQuery优雅地访问特定元素的方法。通过将子页面的body元素包装进jQuery对象，可以轻松地查找并操作类名为'demo'的div元素，验证了该方法的有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>子页面</title>
	</head>
	<body>
		<div class="demo">123</div>
		<script type="text/javascript">
			var body = document.getElementsByTagName('body')[0];
			var $ = window.parent.$(body);
			console.log($.find('.demo'))
			console.log($.find('.demo').text())//能打印出123
		</script>
	</body>
</html>

亲测有效，但是这是利用jq把对象包装了一下，而不是直接用选择器取的，这个bug我暂时也不知道怎么优雅的解决，若有会的，还望不吝赐教，交流一下。谢谢！