jQuery is() 方法

陌上花语

于 2020-05-25 17:36:13 发布

阅读量314

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/wlf_wzx/article/details/106337668

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

is() 方法用于查看选择的元素是否匹配选择器。

点击一下获取jQuery学习网站：
jquery的学习网站：

前端的代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("p").click(function(){
        if ($("p").parent().is("div")) {
            alert("p 的父元素是 div");<!-- 如果 <p> 的父元素是 <div> 元素，弹出提示信息 -->
        }
    });
});
</script>
</head>
<body>

<div>
	<p>点我查看父元素是否是 div。</p>
</div>

</body>
</html>

2.上次在网上找了一个网站样式，但是IE浏览器运行后首页出现闪退。找到原因之后，定位在左侧菜单栏的布局问题，加上样式不匹配。但是我的左侧菜单栏的子菜单样式无法展示了。所以我就用了is（）函数来写。

前端页面的左侧tree，二级菜单如图所示：
在这里插入图片描述

3.前端代码：
在这里插入图片描述

在这里插入图片描述

总结：通过shows(i)的方法，才能够实现我前端页面二级菜单对应展示的效果。

主要的问题在于：

<li class="menu-item-has-children dropdown" id="g_snav0" onclick="shows(0)"> <li>

通过在谷歌的调试下，二级菜单点击展开，样式就会出现class="menu-item-has-children dropdown show" 。一收缩，样式就会出现class="menu-item-has-children dropdown"。所以用jQuery is() 方法
addClass()
removeClass() 方法就可以了

陌上花语

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery is() 方法

is() 方法用于查看选择的元素是否匹配选择器。点击一下获取jQuery学习网站：jquery的学习网站：前端的代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js.
复制链接

扫一扫