jquery选择器实现传入变量

来源:互联网 发布:温哥华华人 知乎 编辑:程序博客网 时间:2024/05/21 09:40

jquery作为一个经久不衰的js库,用起来其实是很方便的。就单单那选择器来说,可以秒杀js几条街。
原生js要document.getElementsByTagName("ul") 这么麻烦的写法,jq一个$("ul") 就解决了。
但是在实践操作的时候也遇到了问题。
想实现查询到第i个ul并为其增加class为city的li标签。
如果使用原生js,虽然可以查到第i个ul,但是增加节点实在是太麻烦了。

var i = 2;var p = document.getElementsByTagName("p")[i];var span = document.createElement("span");span.class = "city";p.appendChild(span);所以决定用jquery试试,毕竟`$("p:eq(i)").append("<span class='city'></span>")很方便!

但是发现报错了。。看来是不能直接传入变量进去,但是jquery也就是js的一个库啊!js可是一个弱类型的语言啊!所以!

`$("p:eq("+i+")").append("<span class='city'></span>")

就愉快的把变量i传进去啦~ 这也使js方便了很多噢!
js是弱类型语言这句话不只是一个放在那里的定义 要更多的运用和体会!

0 0
原创粉丝点击