jquery操作连接式书写

来源：互联网发布：js插件如何编写闭包编辑：程序博客网时间：2024/05/21 08:45

1.主要实现功能
点击标题，展开内容；

2.代码

jquery可以采用链接的方式编写该元素的所有事件。

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>jquery事件的链接式书写</title><script type="text/javascript" src="jquery-1.10.1.js"></script><style type="text/css">.divFrame{width:260px;border:soild 1px #666;font-size:10pt;}.divTitle{background-color:#eee;padding:5px;}.divContent{padding:5px;display:none;}.divCurrColor{background-color:red;}</style><script type="text/javascript">$(function(){    $(".divTitle").click(function(){        $(this).addClass("divCurrColor").next(".divContent").css("display","block");    });});</script></head><body>    <div class="divFrame">        <div class="divTitle">段落主题</div>        <div class="divContent">            <a href="#">链接一</a></br>            <a href="#">链接二</a></br>            <a href="#">链接三</a></br>            <a href="#">链接四</a></br>            <a href="#">链接五</a></br>        </div>    </div></body></html>

3.总结
jquery采用链接式的方式编写钙元素的所有事件，方便操作。

4.关于今天
新项目上手了，小编还是有点懒惰，没有主动的去研究新下来的项目，感觉对于功能添加和修改还是有些生疏。小编还是有一些小情绪，对工作影响蛮大的。工作不仅仅可以赚到钱，还可以锻炼自己的能力，长时间高强度的工作，自己也能进步的很快。
昨天无意中一本畅销书，谁动了我的奶酪。才发现自己是哪个不喜欢变化的小矮人。有些自作聪明了，活着就得不断的去尝试吧，不能长期的待在自己的熟悉区，时间久了和社会也就慢慢的产生脱节了。
明天得早起，手上的任务还有很多，要勇于承担工作任务，自己对于困难有时候会去逃避，要像小老鼠一样的勤奋。
今天就写到这里，明天打卡。坚持两条，早起和做更多的任务。
哈哈，本来是用来写技术相关的，自己用来写心情了，但是正确的元认知和快乐的情绪和编程知识相比，都是很重要的。

0 0