jquery data 方法的bug

最新推荐文章于 2021-11-04 14:11:03 发布
最新推荐文章于 2021-11-04 14:11:03 发布
阅读量949 收藏
点赞数 1
分类专栏： javascript html 文章标签： javascript jquery bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sherryTian/article/details/18989629
版权

今天在做东西的时候发现data在重复获取时存在bug,还没有修复，先记下来。

<div data-dishe="package-1">点击一次data加1</div>
$("div").click(function(){
	//var dishe = $(this).data("dishe");
	//改用attr获取
        var dishe = $(this).attr("data-dishe");
alert(dishe);dishe = "package-" + n;n++;$(this).attr("data-dishe",dishe);});

















                

        

        

    




    

      

        

            

              
                
                  sherryTian
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
jQuery Clone Bug解决代码

				
			

			

				

					10-28
				

			

		

		

			
				
jQuery Clone Bug 解决代码  jQuery Clone Bug 是一个常见的 jQuery bug，导致在...通过以上代码和知识点，我们可以了解到 jQuery Clone Bug 的原因和解决方法，并且掌握了 jQuery 事件机制和 $.data() 方法的使用。

			
		

	



                

              
                



	

		

			

				
					
常用jquery方法 总结

				
			

			

				

					wang_lianglove的专栏
				

				

					12-05
					
					997
					
				

			

		

		

			
				
非常全的jQuery常用技巧总结


1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的

			
		

	



                


  
              

                


	

		

			

				
					
jquery中data用法

				
			

			

				

					hellodiv的博客
				

				

					12-18
					
					487
					
				

			

		

		

			
				
data() 方法向被选元素附加数据，或者从被选元素获取数据。

$("#div-gb").data("url");
https:www.xxxx.com/xxx.jpg
从元素返回数据
$(selector).data(name)

向被选元素附加数据
$(selector).data(name,value)


...

			
		

	





	

		

			

				
					
Jquery中.data()基本用法

				
			

			

				

					Daily one note for Java
				

				

					02-23
					
					473
					
				

			

		

		

			
				
一.导入js


二.body内编写code

			我出一道算术题，
			 +
			=？

三.script内编写code

$("div").data("test", {
	first : 16,
	last : 4
});
$("span:first").text($("div").data("test").first);
$("span:last").text($("div"

			
		

	



		

			
		



	

		

			

				
					
【杂记】jQuery 之 data()方法

				
			

			

				

					Stella的博客
				

				

					08-02
					
					310
					
				

			

		

		

			
				
今天发现了一个不怎么常用的东西，但是却刚好可以解决我之前的取值问题。因为前端本身也没有什么基础，不知道要从哪说起，就直接举例吧。 
data方法



&lt;a href="#" class="del" data-id="123" data-pid="456"&gt;delete&lt;/a&gt;

// 导入jQuery.js
省略 ...
&lt;script&gt;
  

			
		

	





	

		

			

				
					
jq获取this父层的标签

				
			

			

				

					一份耕耘 一份收货
				

				

					06-13
					
					6924
					
				

			

		

		

			
				
如何用jquery $(this) 取得父元素下的某一个子元素,比如：



  
  
  
  内容
  
  


$(".twoBtn").bind("click",function(){
  $(this).parent().find('td');

})
$(this).attr('data-id' , '222');
$(this).data('id

			
		

	





	

		

			

				
					
jQuery Validation插件remote验证方式的Bug解决

				
			

			

				

					10-29
				

			

		

		

			
				
修复这个bug的一种方法是替换源码中的部分逻辑，使`data`对象中的键值对能够按照预期传递。但是，修改库的源码并不是最佳实践，因为它可能会在升级版本时引发更多的问题。因此，更合适的解决方案是在不改变库的情况...

			
		

	





	

		

			

				
					
jsTree 基于JQuery的排序节点 Bug

				
			

			

				

					12-02
				

			

		

		

			
				
例如： – a (position 1) – b (position 2) – c (position 3) move c between a and b: cp=1 move a between b and c: cp=2 下移位置多加了1，不太清楚为什么，这里提供一种修复方法，也许它不是很好。...

			
		

	





	

		

			

				
					
jQuery中delegate()方法的用法详解

				
			

			

				

					10-21
				

			

		

		

			
				
`jQuery`中的`delegate()`方法是一个非常有用的功能，它允许我们为动态添加的元素绑定事件处理器。这个方法在处理大量动态生成的元素时特别有效，因为它只需要在一个静态的父元素上设置一次事件监听器，而不是对每个...

			
		

	





	

		

			

				
					
使用jquery的data()方法获取不到自定义属性的值

				
			

			

				

					weixin_44450506的博客
				

				

					11-04
					
					2357
					
				

			

		

		

			
				
在网站写获取功能的时候，发现在某个页面获取不到自定义的data的属性值，其它的页面都没有问题，但是那个页面获取的内容为undefined，经过排查发现，当时用的是jq的1.3版本，原来是因为jq的版本问题，data()是1.4.0后版本的方法


<a href="" class="regBtn" data-btn="1">点击</a>
<a href="" class="regBtn" data-btn="2">点击</a>
<a href="" cl

			
		

	





	

		

			

				
					
jQuery $.data()方法使用注意细节

				
			

			

				

					12-08
				

			

		

		

			
				
前段时间同事在群里对jQuery里的.data()方法大发牢骚： XXX(NNNNNNN) 15:11:34 <a> alert($(‘#a’).data(‘xxx’));//123 data方法不靠谱 XXX(NNNNNNN) 15:13:17 老老实实用attr(‘data-xxx’)吧细研究了下jQuery文档对.data()方法的描述：  代码如下: As of jQuery 1.4.3 HTML 5 data- attributes will be automatically pulled in to jQuery’s data o

			
		

	





	

		

			

				
					
jQuery UI滑杆插件 可Tooltip提示.zip

				
			

			

				

					07-04
				

			

		

		

			
				
jQuery UI滑杆插件 可Tooltip提示是一款jQuery UI实现的，可以设置多种颜色，再加上CSS3上运用，可以让滑杆的游标变得有立体感，滑杆的Tooltip提示框也出现飞入飞出的动画效果。

			
		

	





	

		

			

				
					
老生常谈JQuery data方法的使用

				
			

			

				

					11-23
				

			

		

		

			
				
（-1）说明
我用的是chrome49，这个方法涉及到JQuery版本问题，我手里有3.0的，有1.9.1，后面将1.9.1及其以前的称为低版本，3.0称为高版本
测试例子用到的showMessage方法如下

showMessage.i = 0;
function showMessage(object)
{
　　var body = $("body")[0];
　　var $p =$("#debugp"); 
　　if($p.length==0)
　　{
　　　　$p = $("<p>").attr("id","debugp");
　　　　$(body).prepend($p);
　　}


			
		

	





	

		

			

				
					
jQuery滑杆改变页面和文字大小

				
			

			

				

					01-16
				

			

		

		

			
				
jQuery滑杆改变页面和文字大小，供大家一起共同分享学习。

			
		

	





	

		

			

				
					
jQuery学习笔记（一）

				
			

			

				

					3y先生的博客
				

				

					04-30
					
					254
					
				

			

		

		

			
				
新技术要了解学习，老技术也不能忘，还要查缺补漏。

			
		

	





	

		

			

				
					
jquery $.data()方法的使用

				
			

			

				

					huangbaokang的博客
				

				

					11-02
					
					2580
					
				

			

		

		

			
				
$.data()可以用来设置DOM元素的data-*属性，也可以用来获取DOM元素的data-*的值
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
	&lt;meta charset="UTF-8" /&gt;
	&lt;title&gt;$.data()的使用&lt;/title&gt;
	&l

			
		

	





	

		

			

				
					
jQuery 的 .data() 方法

				
			

			

				

					weixin_30952535的博客
				

				

					03-05
					
					54
					
				

			

		

		

			
				
　　HTML5中，自定义的属性以data—* 开头

　　例如：


<a href="javascript:;" data-mydata="hahaha"> haha </a>




　　jQuery 中的用法如下：


var mydata = $(this).data('mydata')



转载于:ht...

			
		

	





	

		

			

				
					
jquery $.data()方法

				
			

			

				

					diwuyanting的博客
				

				

					09-04
					
					2340
					
				

			

		

		

			
				
定义：
data() 方法向被选元素附加数据，或者从被选元素获取数据。         
语法：
$("div").data(name,value);
name => 需要设置数据的名称；
    value => 需要设置数据的值；
实例：

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World

			
		

	





	

		

			

				
					
html页面看着没变,其实变了---用jq改变data-id的id的值

				
			

			

				

					一份耕耘 一份收货
				

				

					06-22
					
					6533
					
				

			

		

		

			
				
var title = $(this).data('title');
var img = $(this).data('img');
var id = $(this).data('id');

$('#chgtext').html(title);
$('#chgimg').attr('src',img);
$('#join').data('id',id);//html页面看着没变,其实变了
//al

			
		

	





	

		

			

				
					
jquery data

					
最新发布

				
			

			

				

					05-31
				

			

		

		

			
				
jQuery data() 方法用于在元素上存储数据，并且可以在需要时检索该数据。该方法的语法如下：
```
$(selector).data(name|key,value)
```
其中，name或key参数表示要设置或获取的数据的名称，value参数表示要设置的数据的值。如果只提供name或key参数，则该方法将返回与该名称关联的值。如果同时提供了name或key和value参数，则该方法将设置该名称关联的值为提供的值。例如：
```
// 设置数据
$("div").data("name", "John");
// 获取数据
var name = $("div").data("name");
```
还可以使用jQuery.data()方法来在元素上存储数据，例如：
```
// 设置数据
$("div").data("obj", {name: "John", age: 30});
// 获取数据
var obj = $("div").data("obj");
```
在此示例中，我们将一个对象存储在div元素上，并使用data()方法检索它。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值