写浏览器插件的时候,希望能像jQuery那样快速获取目标元素,而不是通过简单的getElementById取得。
引入jQuery又会增加插件体积,而自己的需求又比较简单,于是可以这样做:
1.获取页面所有的div
/* jQuery */
$("div")
/* js */
document.getElementsByTagName("div")2.获取某类名相同的一群元素
/* jQuery */
$(".my-class")
/*js */
document.querySelectorAll(".my-class")
/* js */
document.getElementsByClassName("my-class")3.更复杂的一些选择器
/* jQuery */
$(".my-class li:first-child")
/* js*/
document.querySelectorAll(".my-class li:first-child")
/* jQuery */
$(".my-class").get(0)
/* js */
document.querySelector(".my-class")
已有 4654 位网友参与,快来吐槽:
发表评论