JQuery实现父级选择器(广告实现)

效果图如下：

HTML代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>.left,.right{position: fixed;top: 250px;}.left{left: 0;}.right{right: 0;}.left span,.right span{width: 20px;height: 20px;background: #ccc;font-size: 14px;color: #333;position: absolute;right: 0;top: 0;text-align: center;cursor: pointer;}</style><script src="js/jquery-1.12.4.min.js"></script><script>$(function(){$('span').click(function(){$(this).parent().hide(500);});})</script>
</head>
<body><div class="left"><img src="data:images/left.jpg" alt=""><span>X</span></div><div class="right"><img src="data:images/right.jpg" alt=""><span>X</span></div>
</body>
</html>

转载于:https://www.cnblogs.com/wf-skylark/p/9157442.html

JQuery实现父级选择器(广告实现)相关推荐

Jquery查找父级添加样式
Jquery查找父级添加样式利用jQuery的parents()函数:试用前请先引入核心jQuery.js HTML结构首页样式加在的位置 ,navbar navbar-dropdown bg- ...
jQuery教程05-层级选择器
jQuery选择器之层级选择器文档中的所有的节点之间都是有这样或者那样的关系.我们可以把节点之间的关系可以用传统的家族关系来描述,可以把文档树当作一个家谱,那么节点与节点直接就会存在父子,兄弟,祖孙 ...
jquery获取父级元素和子级元素
<script type="text/javascript">function show(x){var y=$(x);//转换成jquery对象//查找父元素alert ...
js和jquery获取父级元素、子级元素、兄弟元素的方法{转}
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当成DOM元素原生的JS ...
js和jquery获取父级元素、子级元素、兄弟元素的方法
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的JS ...
jquery获取父级元素、子级元素、兄弟元素的方法
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(&q ...
原生js或者jquery获取父级元素/同级元素/下级元素
1.js获取 var s= document.getElementByIdx_x("test"); var chils= s.childNodes; //得到s的全部子节点 va ...
jquery 获取父级元素、子级元素、兄弟元素的方法
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如 ("span").parent()或者 ("span").parent()或 ...
CSS父级选择器 :has()

JQuery实现父级选择器(广告实现)

效果图如下：

HTML代码如下：

JQuery实现父级选择器(广告实现)相关推荐

最新文章

热门文章