会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132441个问题
JAVA 全系列/第五阶段:JavaWeb开发/XML技术 32042楼
JAVA 全系列/第四阶段:网页编程和设计/CSS3(旧) 32043楼
JAVA 全系列/第十三阶段:分布式文件存储与数据缓存/Nginx 32045楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQ对象的常用方法show()和hide()</title>
    <script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
    <style type="text/css">
        *{
            margin: 0;padding: 0;
        }
        .d1{
            width: 600px; border: 1px solid;margin:50px auto;padding: 20px;
        }
        .d1 ul{
            list-style: none;text-align: center;
        }
        .d1 ul li{
            display: inline-block;width: 200px;
        }
        .d2{
            width: 40%;height: 25px;line-height: 25px;text-align: center;border: 1px solid;background-color: aqua;margin: 10px auto;cursor: pointer;
        }
        /*div{
            width: 100px;height: 100px;border: 1px solid black;margin: 5px auto;
        }
        button{margin:0 auto;width: 100px;height: 30px;}*/
    </style>
</head>
<body>
<div class="d1">
    <ul>
        <li><a href="#">佳能</a>1234</li>
        <li class="jinxuan"><a href="#">华为</a>2345</li>
        <li><a href="#">小米</a>3456</li>
        <li class="jinxuan"><a href="#">苹果</a>4567</li>
        <li><a href="#">索尼</a>5678</li>
        <li class="jinxuan"><a href="#">OPPO</a>6789</li>
        <li><a href="#">vivo</a>7890</li>
        <li><a href="#">金立</a>8901</li>
        <li><a href="#">一加</a>9012</li>
        <li class="jinxuan"><a href="#">三星</a>0123</li>
    </ul>
    <div class="d2">
        显示精简品牌
    </div>
</div>

<!--<div class="d1"></div>
<div class="d2"></div>
<div class="d3"></div>
<button>show()</button>
<button>hide()</button>
<button>show(2000)</button>
<button>hide(2000)</button>-->
<script>
    var $vi=$('.jinxuan');
    var $btn=$('.d2');
    $btn.click(function(){
        if($vi.hasClass('.jinxuan')){
            $vi.hide().removeClass(".jinxuan");
            $btn.html('显示全部品牌');
        }else{
            $vi.show().addClass(".jinxuan");
            $btn.html('显示精简品牌');
        }
    })

    /*var $d1=$('.d1');
    $d1.css("background-color","red");
    $('button:eq(0)').click(function () {
        $d1.show();
    });
    $('button:eq(1)').click(function () {
        $d1.hide();
    });
    $('button:eq(2)').click(function () {
        $d1.show(2000);
    });
    $('button:eq(3)').click(function () {
        $d1.hide(2000);
    })*/

</script>
</body>
</html>

image.png

把练习和操作都试了下应该是这样的吧

WEB前端全系列/第三阶段:jQuery编程模块/jQuery基础知识(旧) 32046楼
Python 全系列/第三阶段:Python 网络与并发编程/网络通信 32047楼

abec3fc831d6fcb2b5b8f958f0944f2.png



JAVA 全系列/第三阶段:数据库编程/JDBC技术 32049楼
大数据全系列/第七阶段:Hadoop 分布式计算MapReduce和资源管理Yarn/MapReduce 原理和搭建 32051楼

代码1:

package com.ljp.sleep_yield_join_stop;

public class MyThread implements Runnable {

    @Override
    public void run() {
//        synchronized (this) {
            for (int i = 0; i < 10; i++) {
                System.out.println(Thread.currentThread().getName() + "-------------" + i);

        }
    }
}

代码2:

package com.ljp.sleep_yield_join_stop;

public class Test {
    public static void main(String[] args) {
        MyThread mtd = new MyThread();
        Thread t01 = new Thread(mtd, "整天都吃橘子!!!");
        Thread t02 = new Thread(mtd,"想吃肉夹馍!!!");
        t01.start();
        t02.start();
        for(int i=0;i<10;i++){
            if(i==3){
                try {
                    t01.join();
//                    t02.join();
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
            }
            System.out.println(Thread.currentThread().getName() + "*********" + i);
        }
    }
}

老师,是不是可以这么理解:只要是在哪个线程(比如主线程)里调用join(),那这个线程(主线程)阻塞,等其他线程运行完以后,这个线程再运行。那再这个线程(主线程)里,谁调用join()都可以,比如代码里t01也可以,t02也可以,感觉他们效果都是一样的;两个同时调用join(),感觉效果也是一样的,t01和t02并没有先后顺序,作用只是将主线程阻塞了而已。

JAVA 全系列/第二阶段:JAVA 基础深化和提高/多线程技术(旧) 32052楼
人工智能/第五阶段:机器学习-线性回归/正则化 32053楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器 32054楼
Python 全系列/第八阶段:轻量级Web开发利器-Flask框架/虚拟环境 32055楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637