扫码关注官方订阅号
标题所示的问题
$=document.querySelector(selectors); https://developer.mozilla.org...
$=document.querySelector(selectors);
原理很简单,就是:
function $(id){ var element=document.getElementByTag(id) if(element==null) element=document.getElementByClassName(id); if(element==null) element=document.getElementByID(id); return element; } $("p")
查看jq源码吧!
window.$=HTMLElement.prototype.$= function(selector){ var elems= (this==window?document:this) .querySelectorAll(selector); return elems.length==0?null: elems.length==1?elems[0]: elems; }
之前我看过JQ的源码并且仿造写过JQ$()的选择器的函数,它其中就是判断你传入进来的是那一类型的选择器,我们都知道选择器可以分为,#id,.类名,然后还有标签选择器等等,就是在传入参数的时候就行判断,判断它的前缀是哪一个然后使用不同的方法。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
$=document.querySelector(selectors);https://developer.mozilla.org...原理很简单,就是:
查看jq源码吧!
之前我看过JQ的源码并且仿造写过JQ$()的选择器的函数,它其中就是判断你传入进来的是那一类型的选择器,我们都知道选择器可以分为,#id,.类名,然后还有标签选择器等等,就是在传入参数的时候就行判断,判断它的前缀是哪一个然后使用不同的方法。