jQuery选择器，id选择不报错但是实现不了想要的js效果，选择器后加“[0]”

<div>
		<ul>
			<li>123</li>
			<li id="secondLi">456</li>
			<li>789</li>
		</ul>
	</div>

对于上面的代码，如何选择第二个 li 标签并修改内容。

// 第一种
document.getElementById('#secondLi').innerHTML = "帅";

//第二种，因为ID是唯一的，所以我认为jq选择也应该是一样的
	// 错误写法，也不错，反正达不到效果，浏览器console窗口也不报错，找bug怀疑人生
	$('#secondLi').text("帅");
	
	// 正确？写法
	$('#secondLi')[0].text("帅");
	
	//正确写法
	var i = 1;
	$('div ul li:nth(' + i + ')').text("帅");