jquery data 方法的bug

最新推荐文章于 2021-11-04 14:11:03 发布
最新推荐文章于 2021-11-04 14:11:03 发布
阅读量972 收藏
点赞数 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
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
jQuery Clone Bug解决代码

				
			

			

				

					10-28
				

			

		

		

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

			
		

	



                

            
              



	

		

			

				
					
常用jquery方法 总结

				
			

			

				

					wang_lianglove的专栏
				

				

					12-05
					
					1020
					
				

			

		

		

			
				
非常全的jQuery常用技巧总结


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

			
		

	



              


  
              

                


	

		

			

				
					
jquery中data用法

				
			

			

				

					hellodiv的博客
				

				

					12-18
					
					550
					
				

			

		

		

			
				
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
					
					523
					
				

			

		

		

			
				
一.导入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
					
					351
					
				

			

		

		

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

			

		

		

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



  
  
  
  内容
  
  


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

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

			
		

	





	

		

			

				
					
jQuery1.6 使用方法一

				
			

			

				

					10-28
				

			

		

		

			
				
它考虑了浏览器的兼容性问题，使用execScript方法（在IE中）或者eval.call(window, data)（在其他浏览器中）。  5. **nodeName 方法**：该方法用于比较元素的节点名称是否与指定名称相匹配，节点名比较前会被转换为...

			
		

	





	

		

			

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

				
			

			

				

					10-29
				

			

		

		

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

			
		

	





	

		

			

				
					
Tinymce+jQuery.Validation使用产生的BUG

				
			

			

				

					10-29
				

			

		

		

			
				
解决这个问题的方法是，把原有的jQuery代码进行修改，将getAttribute调用替换为jQuery的attr方法。这样的修改基于jQuery对不同浏览器的兼容性封装，attr方法能够跨浏览器获取元素的属性值，从而规避了IE6对DOM操作的...

			
		

	





	

		

			

				
					
jQuery 之 笔记整理

				
			

			

				

					紫陌520的博客
				

				

					07-10
					
					249
					
				

			

		

		

			
				

    &lt;img src="a.png" alt=""&gt;
    &lt;script&gt;
        var i = 0;
         $('div').click(function () {
             if (i%2 == 0){
                 this.src = 'b.png';
             } else {
 ...

			
		

	





	

		

			

				
					
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提示

				
			

			

				

					11-24
				

			

		

		

			
				
jQuery UI滑杆插件 可Tooltip提示

			
		

	





	

		

			

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

				
			

			

				

					07-04
				

			

		

		

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

			
		

	





	

		

			

				
					
jQuery学习笔记（一）

				
			

			

				

					3y先生的博客
				

				

					04-30
					
					322
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					weixin_44450506的博客
				

				

					11-04
					
					2439
					
				

			

		

		

			
				
在网站写获取功能的时候，发现在某个页面获取不到自定义的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()方法的使用

				
			

			

				

					huangbaokang的博客
				

				

					11-02
					
					2627
					
				

			

		

		

			
				
$.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
					
					75
					
				

			

		

		

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

　　例如：


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




　　jQuery 中的用法如下：


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



转载于:ht...

			
		

	





	

		

			

				
					
jquery $.data()方法

				
			

			

				

					diwuyanting的博客
				

				

					09-04
					
					2384
					
				

			

		

		

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

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

			
		

	





	

		

			

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

				
			

			

				

					一份耕耘 一份收货
				

				

					06-22
					
					6572
					
				

			

		

		

			
				
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性能：优化技巧详解

				
			

			

				

					
				

			

		

		

			
				
7. 使用`.data()`存储数据：jQuery的`.data()`方法可以将数据关联到元素上，避免在DOM上附加额外属性，从而提高性能。  8. 减少全局查询：尽可能使用缓存选择器结果，避免每次需要时都重新执行选择器，如`var $...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值