点击li,点击的li添加class,其余去掉class

<script type="text/javascript">
    $(function () {
        var liobj = $("li");
        liobj.each(function () {
            $(this).click(function () {
                liobj.removeClass("active")
                $(this).addClass("active");
                //return false;    //加这句来阻止跳转 可用来调试效果
            });
        });
    });
</script>   
时间: 2024-11-10 07:36:59

点击li,点击的li添加class,其余去掉class的相关文章

js 点击列表li,获得当前li的id

html <ul id="demo"> <li id="li-1">li1</li> <li id="li-2">li2</li> <li id="li-3">li3</li> <li id="li-4">li4</li> <li id="li-5">li5</l

jquery如何在li元素列表的开头添加一个新li元素

jquery如何在li元素列表的开头添加一个新li元素:本章节介绍一下如何在li元素列表的开头添加一个li元素,大家最为习惯的是使用append()函数在li元素列表后面追加一个新的li元素,下面就通过代码实例介绍一下如何实现在前面添加一个新的li元素.代码如下: <!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" co

juqery 点击显示点击隐藏,slideDown slideUp slideToggle

<!doctype html> <html> <head> <meta charset="utf-8"> <title>webrx-title</title> <script src="js/jquery-1.11.2.min.js"></script> <style> #ad{ width:200px; height:300px; background-co

CSS 去掉点li 的点 使得LI前面的点不在显示

方法一:<ul>     <li style="list-style-type:none;">百度</li>     <li style="list-style-type:none;">雅虎</li>     <li style="list-style-type:none;">新浪</li>     <li style="list-style-ty

WPF MVVM 架构 Step By Step(4)(添加bindings - 完全去掉后台代码)

原文:WPF MVVM 架构 Step By Step(4)(添加bindings - 完全去掉后台代码) 之前的改进已经挺棒的,但是我们现在知道了后台代码的问题,那是否可能把后台代码全部去除呢?这时候就该WPF binding 和 commands 来做的事情了. WPF就是以超吊的binding,commans和声明式编程而闻名的.声明式编程意思就是相比于全部用C#代码来写,我们也可以用XAML来表示c#代码.Binding可以帮助我们把2个不同的WPF对象连接起来来发送和接收数据. 你看到

js点击图片删除子标签li

上图的效果图请看下面 点击图片部分会删除子标签li部分

li点击弹出序号

<body> <ul> <li>test1</li> <li>test2</li> <li>test3</li> <li>test4</li> <li>test5</li> <li>test6</li> <li>test7</li> <li>test8</li> <li>test9

JS——普通添加li元素和文件碎片添加li元素

创建10000个li元素案例,把普通方法和碎片化方法进行比较 (1)普通添加li元素案例,代码如下图: 运行结果见链接: https://ytraister.github.io/js-text/js%E4%BB%A3%E7%A0%81%E6%BC%94%E7%A4%BA/JS%E2%80%94%E2%80%94%E6%99%AE%E9%80%9A%E6%B7%BB%E5%8A%A0li%E5%85%83%E7%B4%A0%E5%92%8C%E6%96%87%E4%BB%B6%E7%A2%8E%E

首页导航点击A连接跳转并添加上背景色,

<style> ul li { float: left; height: 50px; width: 120px; color: white; text-align: center; margin-left: 5px; list-style-type: none; } a{ color:white; text-decoration:none; } .menu{ height: 50px; background: #0094ff; line-height: 50px; } .bgcolor { b

日期控件的点击事件,在js中添加callback属性,不在html中直接添加

总结如下: 1. callback的data是点击事件(事件控件)完成后的回调的日期 2. return true后才能改变值,return false不能改变值 3. \ 是转义,因为在""中不能直接下一行 4. ""里面必须都是'' 5. ''里面必须都是"" 6. 最后还要加上重新注册,是parent()下的重新注册 example: //点击开始日期触发请假天数改变 $('#leave_startTime').attr("cal