jQuery源码浅谈系列---$.nodeName(你没见过？)

 

最近做富文本编辑器调研的时候看到xheditor的源码的时候觉得有点东西简单地说说。

 

第一个：我们判断this对象是否是textarea

 

 

/*
截取部分
*/
$.fn.xheditor  = function(options){
     
       this.each(function(){
             //解释一下吧
            //第一你可能用jQuery用到现在第一次见nodeName这个api
            //确实在一些api的chm里面是没有这个api的介绍的
            //不过不要担心我下面会介绍这个api
            //其实就是判断当前绑定的对象是否是textarea
             if(!$.nodeName(this,'TEXTAREA')){
                  return;
             }
       });

}

 

 

 看到这里，如果你以前写过或者看过类似textarea自适应的相关插件或者有点基础的人，你会觉得是不是这样就可以了

 

 

/*
截取部分
*/
$.fn.xheditor  = function(options){
     
       this.each(function(){  //直接读type属性
             if(this.type !== 'textarea'){
                  return;
             }
       });

}

 

 

好。我们来看看$.nodeName这个api吧。

 

ps：如果我面试的话，谁要告诉我他用了好几年jQuery而且通读源码的话，但是连$.nodeName多不知道，我是觉得NO ok的。

 

 

/*
nodeName
@param elem ------elem对象
@param name -----指定匹配的nodeName
*/
nodeName : function(elem,name){
    //elem存在nodeName的属性而且转换大写后指定的name是一致的
    return elem.nodeName && elem.nodeName.toUpperCase() === name.toUpperCase();
}

 

 

或者你现在还不知道什么事nodeName或者nodeType或者nodeValue.不要紧，不知道我一一给你道来。

 

1.    nodeType ------返回节点的类型。

 

简单地举出常见的：

 

 

元素类型	节点类型
元素	1
属性	2
文本	3
注释	8
文档	9

 

 

2.    nodeName ---返回某个节点的名称。

 

 

• 元素节点的nodeName是标签名称
• 属性节点的nodeName是属性名称
• 文本节点的nodeName永远是 #text
• 文档节点的nodeName永远是 #document

注释： nodeName所包含的XML元素的标签名称永远是大写。

 

 

3.    nodeValue

 

•    文本节点，nodeValue属性包含文本
•    属性节点，nodeValue属性包含属性值
•    对文档节点和元素节点不可用