JQuery属性选择器(属性值是变量、多属性选择）

结论：

		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>