data 为元素临时存放数据。...jquery通过data绑定数据： elem.data(key,value); elem.data(object);//object为{key:value}; 取数据：(elem为jquery...对象，dom为DOM元素) elem.data(key); $.data(dom,key); 特殊： $("div").data("role") === "page"; $("div"..."; 优先检查该元素是否通过$.data绑定数据，没有则通过ata-xxx查找对应的属性
var func=function(){console.log("test")}; $("div").data("test",func); $("div").data("test")(); 输出结果是test...注意：data方法是jquery中的方法不是原生js里面的方法 js原生的dataset方法 var func=function(){console.log("test")}; var a = document.createElement...("div"); a.dataset.test=func; a.dataset.test; 注意：dataset方法只能存储字符串，不能存储一个对象。
; console.log( $div.data() ); console.log( $.data( $div.get(0) ) ); data 方法的定义是： 这里只从 jQuery 的源码分析入手，...版本是3.2.1 1. $.data() 方法 data: function( elem, name, data ) { return dataUser.access( elem, name, data...value : key; }, 可以看到，$.data(ele) 只会去读取dataUser 结构中存在的数据，而不会去读dom 节点上的 Data 属性相关值。...; ...... return data; ...... } }, 省略绝大部分代码，可以看到，该方法去读取了元素的 attribute，最后返回的 data 会是在attribute...所以，第二句打印出来的是{x:"x-value"}. 除此之外，它还会 在 dataUser 的 Cache 中存入此次读出来的 data 数据。
根据jquery官网。 jquery.prop 获取匹配的元素中第一个元素特定的属性值，或者是设置多个元素的属性值。 有4个重载。 .prop(propertyName) 获取属性名对应的属性值。...最后是.data()，感觉这个有点像winform里面控件的tag属性，存任意东西。。。 Attributes vs....jQuery1.6 以前版本，获取某些attribute的时候会用property的值，但这有可能会引起不确定的行为表现。...[所以，设置类似object类型的属性值得时候推荐用.data()方法。...).data({"class":"colorfulRed"})不会改变div1的class;
jQuery.data() 的实现方式 jQuery.data() 的作用是为普通对象或 DOM Element 附加（及获取）数据。 ...用 jquery.data() 方式为对象附加的属性实际上成为了这个 “cache” 的属性。 ...最后公开了 data 方法，先根据传入的 “obj”，获取附加在 “obj” 上的 “cache”； 当传入两个参数时，调用 getData（）方法；当传入三个参数时，则调用 setData() 方法。...然后，在对外开放的 data 函数中，先判断传入的第二个参数的名称，如果这个参数是一个 Object 类型的实例，则调用 setDataWithObject() 方法。 ...value 测试代码中，首先通过 document.getElementById 方法获取了一个 DOM Element （当然，也可以用 jQuery 的选择器），然后在这个 DOM Element
$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别： $.attr()每次都从DOM元素中取属性的值。...$.attr(‘data-xxx’, ‘xxxxx’)会将字符串’xxxx’塞到标签的’data-xxx’属性中。...$.data(‘xxx’)是从 Jquery对象中取值，由于对象属性值保存在内存中，因此可能和视图里的属性值不一致的情况。...$.data(‘xxx’, ‘xxxx’)会将字符串’xxxx’塞到 Jquery对象 的’xxx’属性中，而不是塞到视图标签的data-xxx属性中。...同时从性能的角度来说，建议使用$.data()来进行set和get操作，因为它仅仅修改的 Jquey对象 的属性值，不会引起额外的DOM操作。
下面就详细介绍四种方法获取data-*属性的值 获取id 需要获取的就是data-id 和 dtat-vice-id...的值 ---- 一：getAttribute()方法 ?...三：jquery data()方法 var id = $("#getId").data("id"); //122 var viceId = $("#getId").data("vice-id"); //...11 //赋值 $("#getId").data("id","100");//100 jquery data 是一种缓存机制 用法如下： ?...四：jquery attr()方法 var id = $("#getId").attr("data-id"); //122 var viceId = $("#getId").attr("data-vice-id
live(type, [data], fn)手册API的介绍 jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。...如下用 live给class=clickme的元素绑定一个click事件： $('.clickme').live('click', function() { alert("Live handler called...."); }); 当我们在某次事件又动态地添加了一个class=clickme的元素时，如$('body').append('Another target'); 然后再点击新增的元素，他依然能够触发事件处理函数 本文由来源 21aspnet，由 javajgs_com 整理编辑，其版权均为 21aspnet 所有，文章内容系作者个人观点，不代表
jQuery on()方法是官方推荐的绑定事件的一个方法。...$(selector).on(event,childSelector,data,function,map) $().click()和$(document).on('click','要选择的元素',function...触发事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。 3. 阻止事件冒泡和事件委托的方法： A：return false。 ...由jQuery on()扩展开来的几个以前常见的方法有. bind() $("p").bind("click",function(){ alert("The paragraph was clicked...jQuery1.8之后都不推荐使用，官方在1.9时已经取消使用live()方法了，所以建议都使用on()方法。
jQuery on()方法是官方推荐的绑定事件的一个方法。...$(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() $("p").bind("click...jQuery1.8之后都不推荐使用，官方在1.9时已经取消使用live()方法了，所以建议都使用on()方法。...tip:如果你需要移除on()所绑定的方法，可以使用off()方法处理。..."p").trigger("myOwnEvent",["Anja"]); }); }); 传递数据到函数 function handlerName(event) { alert(event.data.msg
大家好，又见面了，我是你们的朋友全栈君。 setInterval()方法 ...如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
jQuery ajax - ajax() 方法 http://www.w3school.com.cn/jquery/ajax_ajax.asp jQuery Ajax 参考手册 实例 通过 AJAX 加载一段文本...该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。...提供 data 和 type 两个参数：data 是 Ajax 返回的原始数据，type 是调用 jQuery.ajax 时提供的 dataType 参数。...如果服务器报告说返回的数据是 XML，那么返回的结果就可以用普通的 XML 方法或者 jQuery 的选择器来遍历。如果见得到其他类型，比如 HTML，则数据就以文本形式来对待。...发送数据到服务器 默认情况下，Ajax 请求使用 GET 方法。如果要使用 POST 方法，可以设定 type 参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。
jquery和js的方法读取，结果都是1。...二：修改就有坑了 但是修改的data-num的时候就有意思了： image.png image.png jquery设置data-num中的值为2 jquery读取值的值是2 js读取值的值是1，奇怪，...果断查看下jquery的源码，真相都在代码里： image.png 三：正确的使用方式 如果需要修改dom元素上的data必须用js的方式： document.getElementById("div1"...建议对data的操作要统一，都用jquery或者都用js方式，不要混着用，如果要改变dom上元素的值那只能用js的方式。...，用 == 号会返回true，在-128和127范围之外会返回false，给人造成额外的困扰，切记在java中Integer的比较一定要用equals()方法。
data方法也是模型类的连贯操作方法之一，用于设置当前要操作的数据对象的值，可能大家不太习惯用这个方法，今天来讲解下如何用好data方法。...'; $Model->email = 'thinkphp@splaybow.com'; $Model->add(); 那么data方法则是直接生成要操作的数据对象，例如： $Model...($data)->add(); 注意：如果我们同时使用create方法和data创建数据对象的话，则后调用的方法有效。...在调用save方法更新数据的时候 会自动判断当前的数据对象里面是否有主键值存在，如果有的话会自动作为更新条件。...'; $Model->data($data)->where('id=8')->save(); 二、读操作 除了写操作外，data方法还可以用于读取当前的数据对象，例如： $User
（1）如果在HTML文档中设置的data-自定义属性的单个字符串的名称的属性中若有大写值，在js文件中获取时只能用小写的形式获取。...（3）如果用js来设置data属性，那么如果你定义的是大写的格式，则访问也必须是大写的形式。... $...data获取到的是对应设置的类型值， attr方法获取得到的数据类型是字符串（String）型。...（4）data-attribute属性会在页面初始化的时候放到jQuery对象中，被缓存起来，而attr方法却不会。
jQuery在很久之前，就封装了一个 $.fn.data() 的方法，而该方法是将数据存放在DOM内部的一个数据对象中。...accessed or mutated (all data values are then stored internally in jQuery)....如果你有一些样式，是希望同步这个data-attr的状态的，用 $.fn.data() 来操作就会发生一些奇怪的事情（之前一次没细看jQuery这块的实现，只是发现出来的效果怪怪的），建议改用 $....fn.attr() 方法或者JS原生方法。...附： 为了和 $.data() 做区分，我这里用 $.fn.attr() 和 $.fn.data() 这种jQuery原型链上的方法来表示 $(selector).data()
最先想到的是浏览器面板上面的，可以选中元素，看元素上面的事件绑定。 但浏览器上面看到的是结果量，也就是看到的是已经丢失了事件的元素，但我还是不知道什么时候丢失的。...我可以断点取到每个阶段的HTMLElement元素的状态，但是，这个时候，我却找不到观察其事件绑定情况的方法。 谷歌好久，发现JS原生是没法查看事件绑定情况的。...还好，我们都是用的jQuery，用的$.on()。 而jQuery自身事件绑定，额外添加了一层事件数组。...： 获取HTMElement元素上面的事件绑定 JavaScript $(HTMLElement).data('events') 1 $(HTMLElement).data('events') 然后...jQuery.data(‘events’)
最近一直在写js，这其中也少不了一位js的主角了jQuery，下面介绍的是jQuery的一些扩展，也就是jQuery的扩展方法，jQuery的扩展方法有两种方式，一种是jQuery本身的扩展方法，另一种是...jQuery所选对象的扩展方法，下面一起来看。...一、方式列表： 1.jQuery.extend(Object); // jQuery 本身的扩展方法 2.jQuery.fn.extent(Object); // jQuery 所选对象扩展方法...Hi,Stone"); 其中Meg和MegToo为我的jQuery自定义扩展方法，多个扩展方法之间用英文逗号隔开。...; 其中ShowHtml为我的jQuery所选对象的扩展方法，多个扩展方法之间用英文逗号隔开。
前言 现在jquery越来越没落了，但是我们的老项目还在用jquery，要更换就必须了解哪些和jquery等效的js方法。...对象合并 jquery $.extend(true,a,b) js Object.assign(a,b) 获取元素 jquery $("#aa"); $(".aa"); $("span"); js document.querySelector...("#aa"); document.querySelector(".aa"); document.querySelector("span"); querySelector 匹配指定 CSS 选择器的第一个元素...属性获取与赋值 jquery $(".aa").attr("data-url"); $(".aa").attr("data-url","www.psvmc.cn"); js document.querySelector...(".aa").getAttribute("data-url"); document.querySelector(".aa").setAttribute("data-url","www.psvmc.cn
Jquery未开发插件提供了两个方法: (1)Jquery.extend(object) -为Jquery类本身添加新的方法;代码如下: $.extend({ add:function(a,b...){ return a+b; } }); 调用方法：$.add(3,4) - $=Jquery 为jquery类添加了名为add的一个静态方法,之后便可以在引入jquery的地方,使用这个方法了...,$.add(3,4); (2)Jquery.fn.extend(object) $.fn相当于Jquery的命名空间,fn上的成员(方法function以及属性peoperty)会对每一个实例都有效果...； 查看Jquer用的代码就不难发现 jQuery.fn = jQuery.prototype = { init: function( selector, context ) { }; 原来jquery.fn...=jquery.property,所以它是对property进行扩展,为jquery添加"成员函数",jquery的实例都可以使用这个"成员函数" 假设我们要开发一款插件,做一个自定义弹框，那么代码可以这么写
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
