removeAttr比attr的代码要简单很多~~~

    removeAttr: function( name ) {

        return this.each(function() {

            jQuery.removeAttr( this, name );

        });

    },

内部调用了jQuery.removeAttr方法，所以我们直接看它就可以啦~~

    removeAttr: function( elem, value ) {

        var name, propName,

            i = 0,

            //core_rnotwhite=/\S+/g

            //value存在并且value可以匹配非空白字符

            //这一步很帅的一点就是它不动声色地把多空格分隔的字符串转为数组，所以removeAttr是可以同时移除多个属性的

            attrNames = value && value.match( core_rnotwhite );

        if ( attrNames && elem.nodeType === 1 ) {//属性节点

            while ( (name = attrNames[i++]) ) {

                //propFix 属性修正

                propName = jQuery.propFix[ name ] || name;

                // Boolean attributes get special treatment (#10870)

                //jQuery.expr.match.bool=/^(?:checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped)$/i

                if ( jQuery.expr.match.bool.test( name ) ) {

                    // Set corresponding property to false

                    elem[ propName ] = false;

                }

                elem.removeAttribute( name );

            }

        }

    }
console一下jQuery.propFix，我们发现，它原来是这样一个对象：

cellpadding-->cellPadding ...

是对大小写的修正，都转为小驼峰法

class-->className  for-->htmlFor

是考虑到js中关键字，所以将class映射到className ，js原生中就可以用element.getAttribute("className")

再看jQuery.expr.match.bool这个正则，它匹配的这些属性如checked、selected、async都是bool属性，jquery为什么要特别加一句
elem[ propName ] = false;呢？

因为对于低版本的IE（6、7）来说，单单removeAttribute并不能移除bool属性。不加这一句，我们$().attr("checked")的时候，还是会返回“checked”。

测试如下：
DEMO1
<body>

<input id="ck" type="checkbox" checked>

<script type="text/javascript">

var ck=document.getElementById('ck');

//ck.checked=false;

ck.removeAttribute('checked');

 alert(ck.getAttribute("checked"));

</scrip

DEMO2

<body>

<input id="ck" type="checkbox" checked>

<script type="text/javascript">

var ck=document.getElementById('ck');

ck.checked=false;

ck.removeAttribute('checked');

 alert(ck.getAttribute("checked"));

</script>

</body>

												


											
jQuery removeAttr() 源码解读的更多相关文章
	

    
								
  1. jQuery.Callbacks 源码解读二
		
    一.参数标记 /* * once: 确保回调列表仅只fire一次 * unique: 在执行add操作中,确保回调列表中不存在重复的回调 * stopOnFalse: 当执行回调返回值为false,则 ...
    
		
    2. 
						
  2. jQuery attr() 源码解读
		
    我们知道,$().attr()实质上是内部调用了jQuery.access方法,在调用时jQuery.attr作为回调传入.在通过种种判断(参看jQuery.access()方法)之后,取值和赋值最后 ...
    
		
    3. 
						
  3. jQuery toggleClass 源码解读
		
    toggleClass: function( value, stateVal ) { var type = typeof value;//值类型 if ( typeof stateVal === &q ...
    
		
    4. 
						
  4. jquery.fileupload源码解读笔记
		
    基础编程风格 新建 test.html  和 test.js和 main.js和 无论哪种顺序 <body> <script src="/Sandeep/js/jquery ...
    
		
    5. 
						
  5. jQuery.extend()源码解读
		
    // extend方法为jQuery对象和init对象的prototype扩展方法// 同时具有独立的扩展普通对象的功能jQuery.extend = jQuery.fn.extend = funct ...
    
		
    6. 
						
  6. jQuery框架源码解读
		
    1.jQuery 1.9.1 parseJSON: function( data ) { // Attempt to parse using the native JSON parser first  ...
    
		
    7. 
						
  7. jQuery position() 源码解读
		
    position的代码比较简单... position: function() { if ( !this[ 0 ] ) { return; } var offsetParent, offset, el ...
    
		
    8. 
						
  8. jquery offsetParent()源码解读
		
    offsetParent: function() { return this.map(function() { var offsetParent = this.offsetParent || docE ...
    
		
    9. 
						
  9. jQuery addClass() 源码解读
		
    addClass: function( value ) { var classes, elem, cur, clazz, j, i = 0, len = this.length, proceed =  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. XMU C语言程序设计实践（3）
			
    问题描述: 以一个n的长方阵表示迷宫,0和1分别表示迷宫中的通路和障碍,设计一个程序,对任意设定的迷宫,求出一条从入口到出口的通路,或得出没有通路的结论. 对于本问题需用栈实现“穷举求解”算法,即:从 ...
    
			
    2. 
						
  2. iframe引入页面
			
    将外层css框架单独存放在一个css文件之中,将iframe的css单独写在一个css文件,避免iframe中的html,body等公共部分的样式冲突. 外层框架单独写在一个css,如: frame. ...
    
			
    3. 
						
  3. hihocoder #1039 : 字符消除 ( 字符串处理类 ) 好久之前做的题目，具体的算法代码中阅读吧
			
    #1039 : 字符消除 时间限制:1000ms 单点时限:1000ms 内存限制:256MB 描述 小Hi最近在玩一个字符消除游戏.给定一个只包含大写字母"ABC"的字符串s,消 ...
    
			
    4. 
						
  4. hihocoder  hiho一下 第二十六周 最小生成树一·(Prim算法)
			
    题目1 : 最小生成树一·Prim算法 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 最近,小Hi很喜欢玩的一款游戏模拟城市开放出了新Mod,在这个Mod中,玩家可以拥 ...
    
			
    5. 
						
  5. EhCache+Redis实现分布式缓存
			
    Ehcache集群模式 由于 EhCache 是进程中的缓存系统,一旦将应用部署在集群环境中,每一个节点维护各自的缓存数据,当某个节点对缓存数据进行更新,这些更新的数据无法在其它节点中共享,这不仅会降 ...
    
			
    6. 
						
  6. javascript中基本类型和引用类型的区别分析
			
    大多数人系统学习过的程序设计语言,在这些语言的学习过程中最早学到的几个要点之一就是值类型和引用类型的区别.下面我们来看一下在 JavaScript 中基本数据类型(Primitive Types)和引 ...
    
			
    7. 
						
  7. JavaScript正则表达式API
			
    1. [代码][JavaScript]代码     参考自<Core JavaScript Reference 1.5> JavaScript正则表达式有两种写法(随便哪种,看个人习惯): ...
    
			
    8. 
						
  8. Windows Mysql启动出现1069错误 “由于登录失败而无法启动服务” 的处理方法
			
    问题现象 windows下mysql服务无法启动,报1069错误. 问题原因 如果Mysql启动用户的密码或者权限错误,会导致Windows服务器Mysql启动时出现"由于登录失败而无法启动 ...
    
			
    9. 
						
  9. CQOI2013 新数独
			
    传送门 这道题也是很暴力的搜索啊…… 因为数独一开始全是空的,只有许许多多的大小限制条件,那也没必要纠结从哪开始搜索了,直接暴力搜索之后判断一下是否合法. 这题最恶心的是读入.现学了一招判断点在哪个块 ...
    
			
    10. 
						
  10. 如何在单独的窗口中打开 Excel 文件
			
    如何在单独的窗口中打开 Excel 文件 文章编号:087583     2012/11/1 18:45:29 故障现象: 如何在单独的窗口中打开 Excel 文件? 解决方案: 比较安全的方法就是直 ...
    
			
    11.