精华内容
下载资源
问答
  • 本文实例讲述了jQuery中removeAttr()方法用法。分享给大家供大家参考。具体分析如下: 此方法从匹配元素中移除相应的属性。 语法结构: 代码如下:$(selector).removeAttr(attribute) 参数列表: 参数 描述 ...
  • jquery提供一种操作DOM元素属性的方法: attr(修改和增加DOM元素的属性) 和 removeAttr(移除属性)。
  • js attr和removeAttr

    2021-08-25 15:51:59
    $("#test").attr("lay-verify","required"); $("#test").removeAttr("lay-verify","required");
    $("#test").attr("lay-verify","required");
    
    $("#test").removeAttr("lay-verify","required");
    
    展开全文
  • 想想该死的jQuery中的attr 和 removeAttr 操作HTMLDOM方法,因为不记得了 开发工具与关键技术:Visual Studio jQuey 作者:Li Mingrun 撰写时间:2019年4月22日 在程序中,有许多层面,不同的层面有不同的功能,每...

    想想该死的jQuery中的attrremoveAttr 操作HTMLDOM方法,因为不记得了
    在程序中,有许多层面,不同的层面有不同的功能,每个层面都是相互存在联系的,
    程序的页面层(UI层),大多是html层。
    在html中每个元素都有一个或多个特性,而这些特性的用途就是给出相对应的元素或者其内容相对
    应的附件信息。
    例如:在img元素中,其src属性就是img元素的特性,其作用是用来标记图片的路径或地址。
    在button元素中,其type属性就是button元素的特性,其作用是用来说明button的类型。
    或许同一特性的名字可能在多个元素中出现,其特性值也可能一样。
    不管是Js还是jQuery他们到可以操作html元素的特性,
    JS操作特性的DOM方法主要有3个:
    (1)getAttrbute() 方法(获取)
    (2)setAttribute() 方法(设置)
    (3)removeAttribute()方法 (移除)

    而在jQuery中操作特性的DOM方法则主要有
    (1)attr() 方法
    (2)removeAttr () 方法

    DOM即文档对象模型
    JS的方法无法完全解决兼容性的问题,而jQuery的这两个方法则解决了兼容性的问题。
    jQuery的attr、removeattr方法都是为其属性操作而封装的,直接在一个jQuery对象上调用该方法,
    其容易对属性进行操作,不需要特意去理解浏览器属性名不同的问题。

    jQuery的attr()方法 等同与js的getAttrbute和setAttribute两个方法
    jQuery的attr()方法是用来获取和设置元素属性。是获取还是设置由传递的参数来决定。
    jQuery的removeAttr()方法是用来移除元素属性。
    一,attr()方法有四个表达式
    (1)attr(传入属性名):传递一个参数是获取属性的值
    $(selector).attr(attaibute)
    (2)attr(属性名,属性值) :传递两个参数是设置属性的值
    $(selector).attr(attribute,value)
    (3)attr(属性名,函数值) :设置函数值
    $(selector).attr(attribute,function(index,currentvalue))
    (4)attr(attribute):给指定的多个元素设置多个属性值,
    如:(属性名一:“属性值一” , 属性名二:“属性值二”,…)
    $(selector).attr({attribute:value , attribute:value,…})

    要获取/设置元素的属性值,先要获取到html元素才能获取/设置属性值。

    参数描述
    attribute属性的名称
    value规定属性的值
    Function(index,currentvalue)规定要返回属性值到集合的函数
    Index接受集合中元素的index位置
    Currentvalue接受被选元素的当前属性值(设置)

    二,removeattr()方法 是从被选的元素中移除一个或多个属性
    removeattr(attribute)

    参数描述
    attribute必需参数。规定要移除的一个或多个属性。如需移除若干个属性,请使用空格分隔属性名称。

    实例
    在这里插入图片描述
    画面原型
    在这里插入图片描述在这里插入图片描述
    JS代码
    JS代码
    如果你来实验的话,点击上面的按钮你认为会有什么样的效果呢还是代码无效呢。
    肯定有效果的啦

    要注意的问题是:
    (1)dom中有个概念的区分:Attribute和Property翻译出来都是“属性”,
    《js高级程序设计》书中翻译为“特性”和“属性”。简单理解,Attribute就是DOM节点自带的属性
    例如:html中常用的id、class、title、align等:

    (2)而Property是这个DOM元素作为对象,其附加的内容,
    例如,tagName, nodeName, nodeType, defaultChecked, 和 defaultSelected
    使用.prop()方法进行取值或赋值等
    获取Attribute就需要用attr,获取Property就需要用prop

    展开全文
  • 本文较为详细的分析了jQuery源码解读之removeAttr()方法。分享给大家供大家参考。具体分析如下: 扩展jQuery原型对象的方法: 代码如下:jQuery.fn.extend({ //name,传入要DOM元素要移除的属性名。  removeAttr: ...
  • 今天主要和大家一起分享一下如何使用jQuery的.attr()和.removeAttr()方法读取,添加,修改,删除元素的属性。大家在平时的Web页面制作中都有碰到如何动态的获取元素的属性和属性值,或者说动态的修改元素的某个...
  • 本文实例讲述了JQuery中attr方法和removeAttr方法用法。分享给大家供大家参考。具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
  • JavaScript操作特性的DOM方法主要有3个,分别是:getAttribute方法、setAttribute方法和removeAttribute方法,而 在jQuery中用一个attr()与removeAttr()就可以全部搞定,包括兼容行等问题; jQuery中用attr()方法来...

    JavaScript操作特性的DOM方法主要有3个,分别是:getAttribute方法、setAttribute方法和removeAttribute方法,而 在jQuery中用一个attr()与removeAttr()就可以全部搞定,包括兼容行等问题;
    jQuery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr();
    attr()有4个表达式:
    1、attr(传入属性名):获取属性的值
    2、attr(属性名, 属性值):设置属性的值
    3、attr(属性名,函数值):设置属性的函数值
    4、attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … }

    removeAttr()删除方法
    removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute);
    优点:
    attr、removeAttr都是jQuery为了属性操作封装的,直接在一个 jQuery 对象上调用该方法,很容易对属性进行操作,也不需要去特意的理解浏览器的属性名不同的问题
    注意的问题:
    dom中有个概念的区分:Attribute和Property翻译出来都是“属性”,《js高级程序设计》书中翻译为“特性”和“属性”。简单理解,Attribute就是dom节点自带的属性
    例如:html中常用的id、class、title、align等:
    而Property是这个DOM元素作为对象,其附加的内容,例如,tagName, nodeName, nodeType, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等
    获取Attribute就需要用attr,获取Property就需要用prop;
    例子:
    HTML代码:
    在这里插入图片描述
    CSS代码:
    在这里插入图片描述
    JS代码:
    在这里插入图片描述
    结果:
    在这里插入图片描述

    展开全文
  • 属性操作 在JQuery中提供了一系列方法用于操作...removeAttr(name) 删除元素的某一个属性 prop(name|pro|key,val|fn) 后去或设置元素的一个或多个属性 removeProp(name) 删除由prop()方法设置的属性集 当元素...

    属性操作

    在JQuery中提供了一系列方法用于操作对象的属性。

    方法描述
    attr(name|pro|key|,val|fn)获取或设置元素的属性
    removeAttr(name)删除元素的某一个属性
    prop(name|pro|key,val|fn)后去或设置元素的一个或多个属性
    removeProp(name)删除由prop()方法设置的属性集

    当元素属性(如checked、selected和disabled等)取值为true或false时,通过prop()方法对属性进行操作,而其他普通属性通过attr()方法操作。

    1. attr()方法:
    arrt()方法用于获取所匹配的元素的集合中第1个元素的属性,或设置所匹配元素的一个或多个属性,其语法格式如下:

    attr(name)
    attr(properties)
    attr(key,value)
    attr(key,function(index,oldAttr))
    
    • name:表示元素的属性名
    • properties:表示一个由key/value键值对构成的集合,用于设置元素中的1~n个属性
    • key:表示需要设置的属性名
    • value:表示需要设置的属性值
    • function:表示使用函数的返回值所谓属性值,index表示当前元素在集合中的索引位置,oldAttr表示当前元素在修改之前的属性值

    示例:

    $("img").attr("src");//返回<img>集合中第一个图像的src属性值
    $("#myImage").attr("src");//返回id为myImage图像的src属性值
    $("#myImage").attr("src","images/flower2.png");//设置myImage的src属性
    $("#myImage").attr({src:"images/flower2.png", title:"玫瑰花"});
    $("#myImage").attr("title",function(){
    	return this.src;
    });
    

    2. removeAttr()方法:
    removeAttr()方法用于删除匹配元素的指定属性

    removeAttr(name)//name:属性名
    

    3. prop()方法:
    prop()方法用于获取匹配元素的集合中第一个元素的属性,或设置所匹配元素的一个或多个属性。prop()方法多永固boolean类型的属性操作,例如checked、selected和disabled等。

    prop(name)
    prop(properties)
    prop(key, value)
    prop(key,function(index,oldAttr))
    
    • name:表示元素的属性名
    • properties:表示一个由key/value键值对构成的集合,用于设置元素中的1~n个属性
    • key:表示需要设置的属性名
    • value:表示需要设置的属性值
    • function:表示使用函数的返回值所谓属性值,index表示当前元素在集合中的索引位置,oldAttr表示当前元素在修改之前的属性值

    示例:

    $("input[type='checkbox']").prop("checked);//返回复选框状态
    $("input[type='checkbox']").prop("checked",true);//将所有复选框选中
    $("input[type='checkbox']").prop({disabled:true, checked:true});
    $("input[type='checkbox']").prop("checked",function(index,oldValue){
    		return !oldValue;
    	});
    

    4. removeProp()方法:
    removeProp()方法用于删除由prop()方法设置的属性集

    removeProp(name)//name表示需要被删除的属性名
    

    示例:

    $("input[type='checkebox']").removeProp("disabled");
    

    使用jQuery修改页面元素的属性

    <!doctype html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>jQuery基本操作-属性操作</title>
    		<script type="text/javascript" src="js/jquery-1.x.js">
    		</script>
    	</head>
    
    	<body>
    		<img id="flower1" src="images/flower1.png" height="200px" />
    		<img id="flower2" src="images/flower2.png" height="200px" />
    		<hr/>
    		<input type="button" value="交互鲜花" onClick="changeFlower()" />
    		<hr/>
    		<input type="checkbox" name="goodsType" value="玫瑰" checked />玫瑰
    		<input type="checkbox" name="goodsType" value="百合" />百合
    		<input type="checkbox" name="goodsType" value="康乃馨" checked/>康乃馨
    		<input type="checkbox" name="goodsType" value="马蹄莲" />马蹄莲<br/>
    		<hr/>
    		<input type="button" value="全选" onClick="changeSelect()" />
    		<input type="button" value="反选" onClick="reverseSelect()" />
    		<input type="button" value="全选并禁用" onClick="disabledSelect()" />
    		<input type="button" value="取消禁用" onClick="enabledSelect()" />
    		<script type="text/javascript">
    			function changeFlower() {
    				var flowerSrc = $("#flower1").attr("src");
    				$("#flower1").attr("src", function() {
    					return $("#flower2").attr("src")
    				});
    				$("#flower2").attr("src", flowerSrc);
    			}
    
    			function changeSelect() {
    				$("input[type='checkbox']").prop("checked", true);
    			}
    
    			function reverseSelect() {
    				$("input[type='checkbox']").prop("checked", function(index, oldValue) {
    					return !oldValue;
    				});
    			}
    
    			function disabledSelect() {
    				$("input[type='checkbox']").prop({
    					disabled: true,
    					checked: true
    				});
    			}
    
    			function enabledSelect() {
    				$("input[type='checkbox']").removeProp("disabled");
    			}
    		</script>
    	</body>
    
    </html>
    

    在这里插入图片描述

    展开全文
  • 关于JQuery中removeAttr方法的坑

    千次阅读 2018-07-26 11:11:29
    即在函数中移除高度的属性,那么,关键来了,它用到了这么一个方法:removeAttr(),在引用这个方法时一定要引入jQuery的包,在W3school中,这个函数的定义是这样的 好了,我就为我的文章框设置了500px的高度,...
  • removeAttr() 移除属性的区别 ------------ removeProp() 和 removeAttr() 函数详解 - ----------------------------- ※ removeProp() 【少用删除,将属性值设置为false即可】 removeProp()...
  • .attr()与.removeAttr() .attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。 ...
  • 1.attr() 方法设置或返回被选元素的属性值。 (1)返回被选元素的属性值: $(selector).attr(attribute) ...2. removeAttr() 方法从被选元素中移除属性 $(selector).removeAttr(attribute) 实例 从任何 ...
  • removeAttr addClass removeClass html和text 设置内容 获取内容 attr 设置或返回被选元素的属性值 <!DOCTYPE html> < html > < head > < meta charset = " UTF-8 " > < title > title > ...
  • 今天遇见的坑,调了好久,百度了好久,我都无语了 ...$("#sfkg-ykg").removeAttr("checked"); $("#sfkg-wkg").removeAttr("checked"); 再使用 $("#sfkg-ykg").attr("checked",true); $("#sfkg-wkg").attr("che...
  • ).removeAttr( " id class " ); }); }); script > < style type ="text/css" > #p1 { color : white ; background-color : green ; font-size : 20px ; padding : 5px ; } .blue { color : ...
  • jQuery.removeAttr函数源码测试: var rnotwhite = (/\S+/g); var propFix ={ "for": "htmlFor", "class": "className" }; attrHandle = jQuery.expr.attrHandle; ruseDefault = /^(?:checked|selected)$/i...
  • 它将删除在removeAttr()方法的参数中指定的属性。 JQuery removeAttr()语法 $(selector).removeAttr(attribute); 它包含称为attribute的参数是必需参数,它指定要删除的一个或多个属性。 JQuery ...
  • 2.removeAttr 删除name属性 < html > < head > < meta charset = " UTF-8 " > < title > title > < script type = " text/javascript " src = " jquery-1.8.3.js " > script > < ...
  • 深入学习jquery源码之attr()与removeAttr() attr(name|properties|key,value|fn) 概述 设置或返回被选元素的属性值。 参数 name String 属性名称 properties Map 作为属性的“名/值对”对象 key,value ...
  • 1. 删除属性  $(selector).removeAttr(attribute)  2. 设置属性 $(selector).attr(attribute,value) $(selector).attr({attribute:value, attribute:value ...}) //同时设置多个属性
  • jquery的attr和removeAttr实现checkbox全选和取消全选问题 问题说明: 一个全选和取消全选的功能,界面效果图如下 点击全选checkbox则所有checkbox被选中或者取消选中 用到Jquery的attr(“checked”,true)和...
  •  * {  padding: 0;... $(this).attr("class","current").siblings("li").removeAttr("class");  });  });      });      ☆  ☆  ☆  ☆  ☆  
  •  jqinp.removeAttr("class");  console.log(jqinp.attr("class"));//undefined  //form中的特殊属性,用prop(Property)  //其他情况下用attr(Attribute)  // jqinp2.prop("className","aaa");  ...
  • 首先进行判断,如果不符合条件了,就removeAttr("checked"),在下一次判断的时候如果符合条件在给加上checked。 但是发现一旦移除了 attribute - checked ,在加上的时候就加不上了。 百度之后发现很多同学也...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 24,157
精华内容 9,662
关键字:

removeattr