jquery 添加点击添加class样式 移除兄弟元素样式

<ul class="nav nav-tabs margin-top" id="before_click">
<li ><a href="{:U(‘Home/Qrcode/add‘)}">创建二维码数据</a></li>
<li ><a href="{:U(‘Home/Reply/index‘)}">回复语模板</a></li>
<li ><a href="{:U(‘Home/Qrcodebatch/add‘)}">批量生产</a></li>
<li ><a href="{:U(‘Home/Qrcode/index‘)}">数据管理</a></li>
<li ><a href="{:U(‘Home/Exporting/index‘)}">导出数据</a></li>
<li ><a href="{:U(‘Home/Productionrecord/index‘)}">生产记录</a></li>
<li ><a href="{:U(‘Home/Product/index‘)}">产品管理</a></li>
</ul>

<script>
$(function(){
$("#before_click li").click(function() {
$(this).siblings(‘li‘).removeClass(‘active‘); // 删除其他兄弟元素的样式
$(this).addClass(‘active‘); // 添加当前元素的样式
/* if($(this).text() == "创建二维码数据"){
window.parent.location=‘{:U(‘Home/Qrcode/add‘)}‘;
} */
});
});
</script>

时间: 2024-10-29 10:54:32

jquery 添加点击添加class样式 移除兄弟元素样式的相关文章

jQuery学习笔记之过滤器三(向上查找兄弟元素、向下查找兄弟元素)

向上查找兄弟元素的方法:prev方法.prevAll方法.prevUntil方法 向下查找兄弟元素:next方法.nextAll方法.nextUntil方法 向上查找兄弟元素 1.prev方法 2.prevAll方法 3.prevUntil方法 向下查找兄弟元素 1.next方法 2.nextAll方法 3.nextUntil方法 jQuery学习笔记之过滤器三(向上查找兄弟元素.向下查找兄弟元素)

表格添加 点击添加增加一列

改代码来源于广西省平台的uums项目中的jsp/addOrUpdate.jsp界面(使用easyui 前后端未进行分离) //在表格中,点击添加的时候,自动增加一行<table style="width:98%" id="tab" class="table table-bordered table-condensed table-striped table-hover table-responsive"> <tbody>

jQuery改变兄弟元素样式,及:not([class=&quot;allclassname&quot;])筛选小结

以前一直对于jquery感到很畏惧,最近做点击图表变色,将其他元素图片复位的小需求,总结了一下一点小心得. 主要两点是:1.将所有兄弟元素的样式设置为一样,对于子元素的遍历: 2.对于特殊不需要变化的兄弟元素的排除: 如下,对所有兄弟元素的样式设置为一样用过有两种方法: 1 <div class="paneltime"> 2 <ul > 3 <li><a>今天</a></li> 4 <li><a&

js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)

原生javascript方法: var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //获取a的全部子节点: var c = a.parentNode; //获取a的父节点: var d = a.nextSibling; //获取a的下一个兄弟节点 var e = a.previousSibling; //获取a的上一个兄弟节点 var f = a.firstChild;

jQuery中添加/改变/移除改变CSS样式例子

在jquery中对于div样式操作我们会使用到CSS() removeClass() addClass()方法来操作了,下面我们就整理了几个例子大家一起来看看吧. CSS()方法改变CSS样式 css()方法在使用上具有多样性.其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔.比如要改变链接颜色,可以这样编写代码:  代码如下 复制代码 $("#61dh a").css('color','#123456');//选择器‘$("#61dh a")’表

jquery点击添加样式,再点击取出样式

<!doctype html> <html> <head> <meta charset="utf-8"> <title>点击添加边框,再点击去掉边框</title> <style> ul li{ float:left; list-style:none; width:50px; height:30px; border:1px solid #E3E3E3; line-height:30px; text-al

jquery无法为动态生成的元素添加点击事件的解决方法

遇到 jquery无法为动态生成的元素添加点击事件,谷歌一下,整理一下解决方法如下: (<li>中间的元素是动态生成的), 现在想为<i>添加点击事件, 例子如下: <div> <ul> <li> <span> <i class='icon'>这是元素内容</i> //i是动态生成 </span> </li> </ul> </div> 解决方法如下: $(docu

JavaScript之jQuery-9 jQuery 开发插件(添加新全局函数、添加jQuery对象方法、添加新简写方法、方法参数)

一.添加新的全局函数 全局函数 - 全局函数,实际上就是jQuery对象的方法,从实践角度看,它们是位于jQuery命名空间内部的函数 - jQuery内置的某些功能是通过全局函数实现的 - $.ajax()函数就是典型的全局函数 - 向jQuery命名空间添加一个函数,只需要将这个新函数指定为jQuery的一个属性值   - 如果要使用该全局函数时,可通过一下代码调用 - 也可以通过别名来调用 添加多个函数 - 如果我们想在插件中提供多个全局函数,可以独立的声明这些函数   - 还可以使用$.

jquery实现的表格添加或者删除行操作

jquery实现的表格添加或者删除行操作:对于表格的使用应该是非常的熟悉了,下面是一段非常强大的代码,能够实现表格行的添加删除甚至可以对单元格进行编辑,下面就分享一下次代码,希望能够对大家有所帮助,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.soft