jq 操作元素属性

快来打我* 2021-07-24 19:02 535阅读 0赞

操作元素属性

**获得元素属性**
    	
    		数组对象.attr("属性名");  不能拿到value的实时值，只能拿到默认值
    		数组对象.val()；  能拿到value属性的实时数据
    				function t1()
    			{
    				var uname=$("#uname");
    				alert(uname.attr("type")+uname.attr("name")+uname.val());
    			}
    	**修改元素属性**
    	
    		数组对象.attr("属性名","修改值");
    				function t2()
    			{
    				var uname=$("#uname");
    				uname.attr("type","button");
    			}
    			
    	**删除元素属性**
    	
    		.attr('属性','');
    		.removeAttr('属性');

代码示例:

<html>
    	<head>
    		<meta charset="utf-8"/>
    		<title>jq 操作元素属性</title>
    		<script src="js/jquery-3.4.1.js" charset="UTF-8" type="text/javascript"></script>
    		<style type="text/css">
    
    			
    		</style>
    		<script type="text/javascript">
    			function t1()
    			{ 
    				var uname=$("#uname");
    				alert(uname.attr("type")+uname.attr("name")+uname.val());
    			}
    			function t2()
    			{ 
    				var uname=$("#uname");
    				uname.attr("type","button");
    			}
    		</script>
    	</head>
    	<body>
    		<input type="button" name="uname" id="" value="测试元素属性" onclick="t1()"/>
    		<input type="button" name="" id="" value="修改" onclick="t2()" />	
    	<hr />
    		<input type="text" name="uname" id="uname" value="测试元素属性" />
    		
    		
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，535人围观）

还没有评论，来说两句吧...

相关阅读

相关 jq操纵元素属性

一、jq改变标签元素的文本值        1、innerText $('#test'...

柔光的暖阳◎/ 2024年04月17日 06:15/ 0 赞/ 78 阅读

相关 jq遍历元素

jq遍历元素总结通过jq遍历元素、并控制一些元素的属性（显示/隐藏、value、src等等），是我们在开发之中比较常见的操作，也为我们的业务功能扩宽了方向，接下来我将结合...

太过爱你忘了你带给我的痛/ 2024年04月17日 06:15/ 0 赞/ 99 阅读

相关操作元素之修改元素属性

操作元素之修改元素属性 <!DOCTYPE html> <html lang="en"> <head> <meta char

以你之姓@/ 2023年10月03日 14:27/ 0 赞/ 21 阅读

相关十六、使用jQuery操作元素 —— DOM属性与HTML元素属性

在jQuery官方文档中，分别是这样对应的。属性：Attributes；CSS：CSS。区分DOM属性和HTML元素属性 HTML元素的属性大家应该都知道，比如<img>

╰半橙微兮°/ 2022年10月03日 00:32/ 0 赞/ 278 阅读

相关 jq基础6——属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

刺骨的言语ヽ痛彻心扉/ 2022年10月01日 14:48/ 0 赞/ 180 阅读

相关 javascript根据元素自定义属性获取元素，操作元素

转自[javascript根据元素自定义属性获取元素，操作元素][javascript] function getElementByAttr(tag,attr,val

妖狐艹你老母/ 2022年06月16日 06:29/ 0 赞/ 818 阅读

相关 jq 操作元素内容

操作元素内容返回元素的所有内容，包括子标签对象数组.html(); function t1() {

清疚/ 2021年07月25日 02:02/ 0 赞/ 459 阅读

相关 js document-操作元素属性

操作元素固有属性查看获取对象后通过.的方式获取 var inp=document.getElementById("uname")

àì夳堔傛蜴生んèń/ 2021年07月24日 19:35/ 0 赞/ 489 阅读

相关 jq 操作元素属性

操作元素属性获得元素属性数组对象.attr("属性名"); 不能拿到value的实时值，只能拿到默认值数组对象.val()

快来打我*/ 2021年07月24日 19:02/ 0 赞/ 536 阅读

相关 jq 操作元素样式

返回css样式内容对象数组.css("样式名") function t2() { var showdiv=

短命女/ 2021年07月24日 14:35/ 0 赞/ 467 阅读