JQuery事件的链式写法

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JQuery事件的链式写法</title>
    <link type="text/css" rel="stylesheet" href="../../CSS/1-2.css" /> <!-- 使用link引用CSS -->
    <script type="text/javascript" src="../../JQuery/jquery-2.1.4.min.js">
    </script>
    <script type="text/javascript">
        $(function () {
            $(".divTitle").click(function () {
                $(this).addClass("divCurrColor")
                 .next(".divContent").toggle();
                   // .next(".divContent").css("display", "block");
               // $(divContent2).toggle();
            });
        });
        //$(function () {
        //    $(".divContent").click(function () {
        //        $(this).css("display", "none");
        //    })
        //})
        $(function () {
            $(".divContent").click(function () {
                $(this).toggle();
            })
        })
    </script>
</head>
<body>
    <div class="divFrame">
        <div class="divTitle">主题</div>
        <div class="divContent">
            <a href="#">链接一</a><br />
            <a href="#">链接二</a><br />
            <a href="#">链接三</a>
        </div>
        <div class="divContent2">
            <a href="#">链接一</a><br />
            <a href="#">链接二</a><br />
            <a href="#">链接三</a>
        </div>
    </div>
</body>
</html>

时间： 2024-10-11 06:53:40

JQuery事件的链式写法的相关文章

Jquery | 基础 | 事件的链式写法

$(".title").click(function () { $(this).addClass("curcol").next(".content").css("display", "block"); }); <!DOCTYPE html> <html> <head> <title>jQuery事件的链式写法</title> <script

jquery事件链式写法

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title> Hello JQuery</title> <script lang ="javascript" type =&quo

链式写法有很多优点:连贯.语意集中.简洁.一气呵成.可读性强.比如要把 3.1415926 中的 59 提取为一个整数:Pi.ToString().Substring(5,2).ToInteger() 轻车熟路的感觉,让人觉得,哇!好帅的写法,牛x. 以前以为只有 TJSONBuilder 才支持链式语法,今天发现 TJSONObject 也支持,比如要生成下面的 JSON { "name": "张三", "vip": true, "t

Java 链式写法

Java链式写法,子类继承父类的属性,也可以返回子类的对象,只是需要重写基类的Set方法 public class MyLS { public static void main(String[] args) { // TODO Auto-generated method stub System.out.println(new Student().setName("1").setAge(21).toString()); System.out.println(new NAN().setNa

Java链式写法

原创:转载需注明原创地址 https://www.cnblogs.com/fanerwei222/p/11613067.html Java 链式写法:详细看代码 package chain; /** * TODO * 解析器 */ public class Parser { private String id; private String mode; private String concatIdMode; public static Parser parse(){ return new Pa

jQuery对象的链式操作用法分析

可以使用下面的原则判断一个函数返回的时候是jQuery对象,即是否可以用于链式操作. 除了获取某些数据的函数,比如获取属性值"attr(name)",获取集合大小"size()"这些函数明显是返回数据的.除了这些函数之外的jQuery函数都可以用于链式操作,比如设置属性"attr(name.value)". 链式编程.html('val').text('val').css()链式编程,隐式迭代.链式编程注意:$('div').html('设置值'

JavaScript jQuery 事件、动画、扩展

事件 http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143564690172894383ccd7ab64669b4971f4b03fa342d000 动画 http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434500456006abd6381dc3bb

javaScript函数式编程-包含闭包、链式优化及柯里化

本文着重介绍个人理解的函数式编程. 函数式编程个人理解为:以函数为主要载体的编程方式. 好处: 语义更加清晰可复用性高可维护性好作用域局限.副作用少基本函数式编程: //实现数组中每个单词首字母大写 //一般写法 const arr = ['apple','orange','pear']; for(const i in arr) { const c = arr[i][0]; arr[i] = c.toUpperCase() + arr[i].slice(1); //slice()从已有的

C#用链式方法

C#用链式方法表达循环嵌套情节故事得有情节,不喜欢情节的朋友可看第1版代码,然后直接跳至“三.想要链式写法” 一.起缘故事缘于一位朋友的一道题: 朋友四人玩LOL游戏.第一局,分别选择位置:中单,上单,ADC,辅助:第二局新加入的伙伴要选上单,四人可选位置变为:中单,打野,ADC,辅助:要求,第二局四人每人不得选择和第一局相同的位置,请问两局综合考虑有多少种位置选择方式? 对于像我这边不懂游戏的人来讲,看不懂.于是有了这个版本: 有4个人,4只椅子,第一局每人坐一只椅子,第二局去掉第2只椅子