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. SpringInAction4笔记——装配
			
    重点:常用的上下文环境 AnnotationConfigApplicationContext ClassPathXmlApplicationContext FileSystemXmlApplicati ...
    
			
    2. 
						
  2. java序员必备的十大技能
			
    想成为一名出色的Java程序员么?本文将为大家重点介绍程序员必备的十大技能,成就您的梦想.       1.语法:必须比较熟悉,在写代码的时候IDE的编辑器对某一行报错应该能够根据报错信息知道是什么样 ...
    
			
    3. 
						
  3. android adapter公共写法
			
    在开发过程中,会写很多的adapter类,其中很多公共的部分,不需要每次都去书写,可以为开发者省下很多时间 提取一个ListViewAdapter public abstract class List ...
    
			
    4. 
						
  4. SpringMVC 学习笔记(四) 处理模型数据
			
    Spring MVC 提供了下面几种途径输出模型数据: – ModelAndView: 处理方法返回值类型为 ModelAndView时, 方法体就可以通过该对象加入模型数据 – Map及Model: ...
    
			
    5. 
						
  5. RabbitMQ 使用
			
    安装步骤略过. 启动 启动很简单,找到安装后的 RabbitMQ 所在目录下的 sbin 目录,可以看到该目录下有6个以 rabbitmq 开头的可执行文件,直接执行 rabbitmq-server  ...
    
			
    6. 
						
  6. chdir函数的使用【学习笔记】
			
    #include "apue.h" #include <fcntl.h> int main(void) { ) err_sys("chdir failed&q ...
    
			
    7. 
						
  7. POJ2195 Going Home —— 最大权匹配 or 最小费用最大流
			
    题目链接:https://vjudge.net/problem/POJ-2195 Going Home Time Limit: 1000MS   Memory Limit: 65536K Total  ...
    
			
    8. 
						
  8. POJ1511 Invitation Cards —— 最短路spfa
			
    题目链接:http://poj.org/problem?id=1511 Invitation Cards Time Limit: 8000MS   Memory Limit: 262144K Tota ...
    
			
    9. 
						
  9. YTU 2577: 小数计算——结构体
			
    2577: 小数计算--结构体 时间限制: 1 Sec  内存限制: 128 MB 提交: 978  解决: 647 题目描述 小数可以看成是一个点和两个数组成的,因此可以定义成一个小数的结构体,现在 ...
    
			
    10. 
						
  10. 用于JS日期格式化，以及简单运算的Date包装工具类
			
    1. [文件] yDate.js/** * | yDate.js | Copyright (c) 2013 yao.yl | email: redrainyi@126.com | Date: 2012 ...
    
			
    11.