jquery 属性 attr

最新推荐文章于 2024-03-29 11:48:29 发布
最新推荐文章于 2024-03-29 11:48:29 发布
阅读量97 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery HTML ViewUI

:attr

attr(name)

返回匹配集合中第一个元素的属性‘name’的属性值。如果该元素没有该属性则返回‘未定义’，属性包括title, alt, src, href, width, style, 等等

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ var title = $("em").attr("title"); $("div").text(title); }); </script> <style> em { color:blue; font-weight;bold; } div { color:red; } </style> </head> <body> <p> Once there was a <em title="huge, gigantic">large</em> dinosaur... </p> The title of the emphasis is:<div></div> </body> </html> 

 

 
 

var title = $("em").attr("title");
返回匹配em元素集合中第一个em元素里title属性值。以下是属性值
 

<em title="huge, gigantic">
 

 
 

 
 

 
 

attr(properties)
 

将元素属性以及属性值以键值对的形式注入匹配集合每个元素中。并将覆盖元素原有属性值。
 

 
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("img").attr({ src: "/images/hat.gif", title: "jQuery", alt: "jQuery Logo" }); $("div").text($("img").attr("alt")); }); </script> <style> img { padding:10px; } div { color:red; font-size:24px; } </style> </head> <body> <img /> <img /> <img /> <div></div> </body> </html> 
 

 

  
 

$("img").attr({ 。。。});
 

往img元素集合里注入属性以及对于属性值。以下为注入属性及属性值
src: "/images/hat.gif",
title: "jQuery",
alt: "jQuery Logo"
 

 
 

 
 

 
 

attr(key,value)
 

将一个单独属性及对于属性值注入到匹配元素集合中每个元素。
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("button:gt(1)").attr("disabled","disabled"); }); </script> <style> button { margin:10px; } </style> </head> <body> <button>0th Button</button> <button>1st Button</button> <button>2nd Button</button> </body> </html> 
 

 

 
 

 

$("button:gt(1)").attr("disabled","disabled");
 

将disabled属性以及对应属性值‘disabled’注入到匹配button元素集合的每个button元素里。以下是注入信息
 

"disabled","disabled"
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 

                

        

        




    




    

      

        

            

              
                
                  iteye_2604
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
jQuery的attr（）方法

				
			

			

				

					anfield的门柱
				

				

					09-08
					
					1351
					
				

			

		

		

			
				
1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ）


2. attr(属性名, 属性值) //设置属性的值 （为所有匹配的元素设置一个属性值。） 

3. attr(属性名,函数值) //设置属性的函数值 （为所有匹配的元素设置一个计算的属性值。不提供值，

			
		

	



                

              
                



	

		

			

				
					
jQuery的attr()属性

				
			

			

				

					shengzhu1的博客
				

				

					03-14
					
					1149
					
				

			

		

		

			
				
问题描述在咕咕云的开发中，需要用到ajax的方法显示任务详情，在此页面上回复任务，删除评论，评论评论（即评论的盖楼），但是盖楼的功能一直想不到怎么解决。JavaScript代码解决var cid = data.data.Task.comment[i].cid;
replyComment.id = cid
//遍历完成后才进入这个函数。。。。。如何解决？
        replyComment.ad

			
		

	



                


  
              

                


	

		

			

				
					
jquery中的attr属性

				
			

			

				

					boysky0015的博客
				

				

					06-08
					
					458
					
				

			

		

		

			
				
1.attr属性 
首先看一例代码：<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="js/jquery-3.0.0.js"></script>
    <style type="text/css">
        img{
            width:

			
		

	





	

		

			

				
					
jQuery之attr属性操作

				
			

			

				

					cx-young的博客
				

				

					03-16
					
					368
					
				

			

		

		

			
				
1）获取id为img的这个元素的src属性的值
alert($("#img").attr("src"))

<img alt="" id="img" src="images/1.jpg">
并得到图片
2）设置id为img的这个元素的src属性的值，实现图片的切换
		alert("切换图片")
		//设置id为img的这个元素的src属性的值，实现图片的切换
		$("#img")...

			
		

	



		

			
		



	

		

			

				
					
jquery的attr

				
			

			

				

					yyjiuguilian的博客
				

				

					11-20
					
					245
					
				

			

		

		

			
				
prop() 和 attr() 之间的不同
prop() 和 attr() 可能返回不同的值。本实例演示了当用于返回复选框的 “checked” 状态时的不同。
在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。
但不得不说的是，这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。
1、操作对象不同
很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示"属性"的意思。
不过，在jQuery

			
		

	





	

		

			

				
					
jQuery使用元素属性attr赋值详解

				
			

			

				

					10-24
				

			

		

		

			
				
本文将深入探讨jQuery如何使用`attr`方法来赋值和处理元素的属性。  `attr`是jQuery中的一个核心方法，它用于获取、设置或者删除HTML元素的属性。下面我们将详细解析这个方法的不同用法。  1. **获取属性值**：  ...

			
		

	





	

		

			

				
					
用jquery的attr方法实现图片切换效果

				
			

			

				

					10-20
				

			

		

		

			
				
attr方法是jQuery中用于获取或设置HTML元素属性值的函数，通过该方法可以方便地实现元素属性的动态修改，进而达到图片切换的目的。  首先，需要了解的是jQuery库的引入。在HTML文档的标签内引入jQuery库是使用attr...

			
		

	





	

		

			

				
					
jquery更改元素属性attr()方法操作示例

				
			

			

				

					10-15
				

			

		

		

			
				
attr()方法是jQuery提供的一个功能强大的函数，它允许开发者通过简单的方式对HTML元素的属性进行读取和设置。这个方法主要有以下几个用途： 1. 获取元素的属性值； 2. 为元素设置新的属性值； 3. 使用函数动态地为...

			
		

	





	

		

			

				
					
JQuery的attr 与val区别

				
			

			

				

					10-22
				

			

		

		

			
				
在jQuery中，attr()和val()是经常被使用的两个函数，它们分别用于获取和设置HTML元素的属性值和表单的值。尽管它们都是用于值的操作，但其作用和用法上存在明显差异。  首先，attr()函数用于获取或设置匹配元素集合...

			
		

	





	

		

			

				
					
jQuery 属性操作 - attr() 方法

				
			

			

				

					二月的羊
				

				

					12-18
					
					1552
					
				

			

		

		

			
				
1、用法说明 

       attr() 方法设置或返回被选元素的属性值。
       注意：根据该方法不同的参数，其工作方式也有所差异。
2、语法
      a、$(selector).attr(attribute)
            说明：返回被选元素的属性值。
            实例：
$("img").attr("width")
      b、$(s

			
		

	





	

		

			

				
					
jQuery 自学笔记（五）——— attr() 操作属性、prop() 操作布尔类型、尺寸和位置操作

				
			

			

				

					秀岩的博客
				

				

					01-04
					
					1914
					
				

			

		

		

			
				
一、attr() 操作属性
1.1 设置属性
1.2 获取属性
1.3 移除属性
二、 prop() 操作布尔类型的属性
2.1 原生 js 操作 checked 属性
2.2 jQuery 操作 checked 属性
2.3 表格全选反选
三、尺寸和位置操作
3.1 width() 方法与 height() 方法
3.2 offset() 方法 与 position() 方法
3.3 scrollTop()方法 和 scrollLeft()方法

			
		

	





	

		

			

				
					
jquery attr()方法总结

				
			

			

				

					前端之路的博客
				

				

					01-14
					
					2377
					
				

			

		

		

			
				
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了,赞一个先 ^^
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。

attr(属性名)     ...

			
		

	





	

		

			

				
					
前端提高篇(八十五)：jQuery的属性与特性，prop与attr

					
最新发布

				
			

			

				

					2401_83916355的博客
				

				

					03-29
					
					1028
					
				

			

		

		

			
				
前端校招精编面试解析大全点击这里即可获取完整版pdf查看[外链图片转存中…(img-rnm1tgbX-1711684071159)]既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！[外链图片转存中…(img-7oGweXz3-1711684071159)]由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！如果你觉得这些内容对你有帮助，可以扫码获取。

			
		

	





	

		

			

				
					
jQuery属性操作之.attr()

				
			

			

				

					peterzhangsnail的博客
				

				

					11-28
					
					2730
					
				

			

		

		

			
				
文章目录.attr()调用形式:$("xxx").attr(name)调用形式:$("xxx").attr(name,value);调用形式:$("xxx").attr(attrObject);调用形式:$("xxx").attr(name,attrFn);
[转载:https://www.cnblogs.com/peterzhangsnail/p/10030013.html]
.attr()
1...

			
		

	





	

		

			

				
					
jQuery 里面的attr（）方法

					
热门推荐

				
			

			

				

					种种的博客
				

				

					12-24
					
					3万+
					
				

			

		

		

			
				
这个是上个星期在公司的时候遇到的问题，都不知道在学校学的啥一直没有弄清楚，趁着周末好好补补。说说attr（）这个方法吧。 
这里写一段通用的代码：<body>
<p title="你最喜欢的水果是。">你最喜欢的水果是？</p>
<ul>
   <li title="苹果汁">苹果</li>
   <li title="橘子汁" value="123">橘子</li>
   <li title="菠

			
		

	





	

		

			

				
					
JQuery attr()方法小记

				
			

			

				

					feihui530的博客
				

				

					10-13
					
					1357
					
				

			

		

		

			
				
jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。


1. attr(属性名)        //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ）



...

			
		

	





	

		

			

				
					
JQuery内置属性attr()

				
			

			

				

					weixin_44588946的博客
				

				

					05-28
					
					365
					
				

			

		

		

			
				
JQuery内置属性attr
在这里给大家分享的是JQuery内置属性attr
功能效果：设置或返回被选元素的属性值，在这里我用于设置input密码框的type，改变密码为可见或者不可见
效果图：


图一、input标签的type值为password，图二、input标签的type值为text
使用方法：
attr(name|properties|key,value|fn)
一、Name
返回文...

			
		

	





	

		

			

				
					
三、jQuery的API （二）-CSS模块、元素属性模块、标签值模块

				
			

			

				

					weixin_45602227的博客
				

				

					09-03
					
					110
					
				

			

		

		

			
				
三、jQuery实例对象 – 属性操作
3.1 属性基础操作
		
		+++ attr操作属性
		
				attr()	读取或设置元素属性	
				removeAttr(name)  删除元素的属性
								
							
							$("div").attr("name")		读取匹配到的第一个元素的属性
							$("div").attr("name","tt")	设置元素的属性
							$("div").attr({src:"./1.jpg",alt:"123"}) 

			
		

	





	

		

			

				
					
jquery attr/attribute()方法

				
			

			

				

					乐杨俊浅谈LAMP
				

				

					10-16
					
					8101
					
				

			

		

		

			
				
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了,赞一个先
 ^^

jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。


1. at

			
		

	





	

		

			

				
					
jquery中attr设置title属性

				
			

			

				

					07-13
				

			

		

		

			
				
在 jQuery 中，可以使用 `attr()` 方法来设置元素的属性。要设置 `title` 属性，可以按照以下方式操作：  ```javascript // 选择元素并设置title属性 $('选择器').attr('title', '属性值');  // 例如，选择id为...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值