结论：

1、属性值是变量时，$("div[属性 = "+变量+"]")；
2、属性值是变量时，$(`div[属性 =  ${变量}`)；
3、多属性选择器时，$("div[属性一 = 属性值一 ][属性二 = 属性值二]");

案例：

  <div data-value="test" data-status="on">div_test_on</div>
    <div data-value="test" data-status="off">div_test_off</div>
    <script src="lib/jquery.min.js"></script>
    <script>
        // 1、普通的选择方式 div[属性 = 属性值]
        var div_test_1 = $("div[data-value = 'test']").text();
        console.log(div_test_1); // div_test_ondiv_test_off

        // 2、属性值是一个变量 div[属性 = "+属性值变量+"]
        var data_value = "test";
        var div_test_2 = $("div[data-value = "+data_value+"]").text();
        console.log(div_test_2); // div_test_ondiv_test_off

        // 3、属性值是一个变量 div[`属性 = ${属性值变量}`]
        var div_test_3 = $(`div[data-value = ${data_value}]`).text();
        console.log(div_test_3); // div_test_ondiv_test_off

        // 4、多属性选择 div[属性一][属性二]
        var div_test_off = $("div[data-value = '"+data_value+"'][data-status = 'off']").text();
        console.log(div_test_off); // div_test_off
    </script>
————————————————
版权声明：本文为CSDN博主「const name = 活到老_学到老」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_39636959/article/details/119302345