//https://stackoverflow.com/questions/1107220/how-can-i-select-an-element-by-name-with-jquery#
// https://jsbench.me/o6kbhyyvib/1
// https://jsbench.me/2fkbi9rirv/1
function A() {
 return $('[name=tcol1]');
}
function B() {
 return $(document.getElementsByName("tcol1"))
}
function C() {
 return document.getElementsByName("tcol1")
}
function D() {
 return document.querySelectorAll('[name=tcol1]')
}
function E() {
 $('[name=tcol1]').hide();
}
function F() {
 $(document.getElementsByName("tcol1")).hide();
}
function G() {
 document.getElementsByName("tcol1").forEach(e=>e.style.display='none'); 
}
function H() {
 document.querySelectorAll('[name=tcol1]').forEach(e=>e.style.display='none'); 
}
function I() {
 let elArr = [...document.getElementsByName("tcol1")];
 let length = elArr.length
 for(let i=0; i<length; i++) elArr[i].style.display='none';
}
// -----------
// TEST
// -----------
function reset() { $('td[name=tcol1]').show(); } 
[A,B,C,D].forEach(f=> console.log(`${f.name} rows: ${f().length}`)) ;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div>This snippet only presents used codes</div>
<table>
 <tr> 
 <td>data1</td>
 <td name="tcol1" class="bold"> data2</td>
 </tr>
 <tr> 
 <td>data1</td>
 <td name="tcol1" class="bold"> data2</td>
 </tr> 
 <tr> 
 <td>data1</td>
 <td name="tcol1" class="bold"> data2</td>
 </tr>
</table>
<button onclick="E()">E: hide</button>
<button onclick="F()">F: hide</button>
<button onclick="G()">G: hide</button>
<button onclick="H()">H: hide</button>
<button onclick="I()">I: hide</button><br>
<button onclick="reset()">reset</button>