Javascript Jquery-按标记选择要使用效果的位置

我有一个div，其中我使用了class和id，但我需要在div上创建一些效果，因此需要使用其他标记来应用此更改，实际上我想使用名为“rel”的标记，但是我可以使用其他名称来应用此标记

我想通过这个差异标记的名称和他的值来应用效果

我尝试了这个，但没有结果

<script>

jQuery(document).ready(function() {

jQuery(".header_col_buttons_color_2").mouseover(function() {

jQuery("id[rel$='2']").css("border","5px solid red")

});


});

</script>


<div id="header_cols" class="header_cols_lateral_barra" rel="2"></div>

jQuery（文档）.ready（函数（）{
jQuery（“.header\u col\u buttons\u color\u 2”）.mouseover（函数（）{
jQuery（“id[rel$='2']”）css（“边框”，“5px实心红色”）
});
});

如何在代码中显示，div有一个名为rel=“2”的标记，我希望将效果置于该标记之上

感谢您的帮助和支持，包括：

<script>

    jQuery(document).ready(function() {

        jQuery(".header_col_buttons_color_2").mouseover(function() {

            jQuery("div[rel='2']").css("border","5px solid red");

        });

    });

</script>

<div id="header_cols" class="header_cols_lateral_barra" rel="2"></div>

jQuery（文档）.ready（函数（）{
jQuery（“.header\u col\u buttons\u color\u 2”）.mouseover（函数（）{
jQuery（“div[rel='2']”）css（“边框”，“5px实心红色”）；
});
});

例如：

<script>

    jQuery(document).ready(function() {

        jQuery(".header_col_buttons_color_2").mouseover(function() {

            jQuery("div[rel='2']").css("border","5px solid red");

        });

    });

</script>

<div id="header_cols" class="header_cols_lateral_barra" rel="2"></div>

jQuery（文档）.ready（函数（）{
jQuery（“.header\u col\u buttons\u color\u 2”）.mouseover（函数（）{
jQuery（“div[rel='2']”）css（“边框”，“5px实心红色”）；
});
});

将选择

DIV

，其中

rel

属性的值为

2

---

将选择

DIV

，其中

rel

属性的值为

2

我知道-我们同时发布了它。没有必要投否决票。我知道-我们同时发布了它。没有必要投否决票。