; 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 属性相关值。...属性中获得的。...除此之外，它还会 在 dataUser 的 Cache 中存入此次读出来的 data 数据。所以，第三句打印出来的也应该是{x:'x-value'}。
$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别： $.attr()每次都从DOM元素中取属性的值。...$.attr(‘data-xxx’, ‘xxxxx’)会将字符串’xxxx’塞到标签的’data-xxx’属性中。...$.data(‘xxx’)是从 Jquery对象中取值，由于对象属性值保存在内存中，因此可能和视图里的属性值不一致的情况。...$.data(‘xxx’, ‘xxxx’)会将字符串’xxxx’塞到 Jquery对象 的’xxx’属性中，而不是塞到视图标签的data-xxx属性中。...所以$.attr()和$.data()应避免混合用 通过$.attr()来进行set属性，然后通过$.data()进行get属性值； 通过$.data()来进行set属性，然后通过$.attr()进行get
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("lastValue") === 43; $("div").data("hidden") === true; $("div").data("options").name === "John
根据jquery官网。 jquery.prop 获取匹配的元素中第一个元素特定的属性值，或者是设置多个元素的属性值。 有4个重载。 .prop(propertyName) 获取属性名对应的属性值。...最后是.data()，感觉这个有点像winform里面控件的tag属性，存任意东西。。。 Attributes vs....在jQuery1.6以前的版本中，也可以用.attr()来获取。但这其实不是.attr的分内之事，因为这些只是property，而不是attribute。 比如有这个。...[所以，设置类似object类型的属性值得时候推荐用.data()方法。...).data({"class":"colorfulRed"})不会改变div1的class;
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方法只能存储字符串，不能存储一个对象。
（1）如果在HTML文档中设置的data-自定义属性的单个字符串的名称的属性中若有大写值，在js文件中获取时只能用小写的形式获取。...如： HTML中data-Role，获取当时为$(node).data(“role”); （2）如果在HTML中设置data-role和data-Role是一样的，html属性不区分大小写。... $...data获取到的是对应设置的类型值， attr方法获取得到的数据类型是字符串（String）型。...（4）data-attribute属性会在页面初始化的时候放到jQuery对象中，被缓存起来，而attr方法却不会。
$.ajax() 基本用法： $.ajax({ url: url, // 地址 data: data, /...){ accidentList = data.list; // 这里可以直接取 data 里面的数据了，因为设置返回值为 json 方式 } }); 举个例子： document.getElementById...} else { alert("发生错误：" + request.status); } } } } 用 jQuery...if (data.success) { $("#searchResult").html(data.msg); } else {...){ if (data.success) { $("#createResult").html(data.msg);
jQuery.mobile.changePage方法用的还是很多的。作为一个老手，有必要对jQuery mobile中实用方法做一些总结。...系列文章请看jQuery Mobile专栏。jquery.mobile.changepage是过时的jQuery Mobile 1.4.0及将被删除在1.5.0。...注意该方法是在内部使用的页面加载和转换作为一个结果，点击一个链接或提交表单时。跳转外部页面全部没有效果，必须是内部的DIV页面才有效果。...如不特别指定，则使用页面page元素的data-url属性值。 pageContainer：（jQuery选择器，默认：$.mobile.pageContainer)指定应该包含页面的容器。...强制刷新页面, 即使当页面容器中的dom元素已经准备好时，也强制刷新。只在changePage()的to参数是一个可用地址的时候。 reverse：布尔类型，默认false。
//data-前缀属性可以在JS中通过dataset取值，更加方便 console.log(getId.dataset.id);//112 //data-vice-id连接取值使用驼峰命名法取值 console.log...三：jquery data()方法 var id = $("#getId").data("id"); //122 var viceId = $("#getId").data("vice-id"); //...11 //赋值 $("#getId").data("id","100");//100 jquery data 是一种缓存机制 用法如下： ?...所以上述代码中，虽然对div进行了data()赋值操作，但HTML代码中div的data-appid的值仍然为123，因为data()只是修改了缓存的那个值，此时进行$('#myDiv').data("...四：jquery attr()方法 var id = $("#getId").attr("data-id"); //122 var viceId = $("#getId").attr("data-vice-id
jQuery.data() 的实现方式 jQuery.data() 的作用是为普通对象或 DOM Element 附加（及获取）数据。 ...最后公开了 data 方法，先根据传入的 “obj”，获取附加在 “obj” 上的 “cache”； 当传入两个参数时，调用 getData（）方法；当传入三个参数时，则调用 setData() 方法。...用 jquery.data() 方式传入的键值对都被复制到了 “cache” 中。 ...然后，在对外开放的 data 函数中，先判断传入的第二个参数的名称，如果这个参数是一个 Object 类型的实例，则调用 setDataWithObject() 方法。 ...value 测试代码中，首先通过 document.getElementById 方法获取了一个 DOM Element （当然，也可以用 jQuery 的选择器），然后在这个 DOM Element
2015-04-30 10:42:57 今天写项目的时候突然不知道如何通过jquery来操作css样式了，于是就上网查了一下，现在总结出来给大家分享一下。...重复切换anotherClass样式 //5、判断是否含有某项样式 $("#two").hasClass("another")==$("#two").is(".another"); //6、获取css样式中的样式...").offset(); var left=offset.left; //获取左偏移 var top=offset.top; //获取右偏移 //8、position()方法...//9、scrollTop()方法和scrollLeft()方法 $("div").scrollTop(); //获取元素的滚动条距顶端的距离。...//10、jQuery中的 toggle和slideToggle 方法，都可以实现对一个元素的显示和隐藏。区别是： //toggle：动态效果为从右至左。横向动作。
获取时、分、秒 原理：利用字符串的 split 方法拆分时分秒，然后分别用moment的 hour、minute 和 second 方法；带有日期的可以用 .valueof() 方法。...可以用 format 转换为自己想要的格式，也可以用 diff 方法做时间差的计算 10.
jQuery中的$()方法很容易获取到DOM中的元素。但是这个方法不适用于引用iframe中的元素。...如下面的html a.htm b.htm this is b.htm 如果要在a.htm中获得b.htm中的id为default的div，可以使用如下方法： $("#frame").contents(...).find("#default") 来得到这个div的jQuery对象。...特别需要注意一点，就是iframe中的src一定要使用绝对路径，否则jQuery是无法正确找到对应的元素的。 尤其在公网上。之前就因为这个问题，折腾了一晚没解决，换成绝对地址就好了。
说明 jQuery中的isPlainObject() 函数用于判断指定参数是否是一个纯粹的对象，返回值为Boolean类型。...Object.create(null)); //true $.isPlainObject([]); //false $.isPlainObject(document); //false 源码分析 我们来看看jQuery...，指示对象自身属性中是否具有指定的属性 //相当于 Object.prototype.hasOwnProperty var hasOwn = class2type.hasOwnProperty; //...的实现，主要分三部分 1、去掉类型不是Object 的， 用的是 Object.prototype.toString.call() 方法，这个方法所有类型都会得到不同的字符串，而不是用 typeof...函数的 toString 方法会返回一个表示函数源代码的字符串。具体来说，包括 function关键字，形参列表，大括号，以及函数体中的内容。
jQuery on()方法是官方推荐的绑定事件的一个方法。...$().on()结合了这三个方法的优势摒弃了劣势。 2.该函数可以为同一元素、同一事件类型绑定多个事件处理函数。触发事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。 3....阻止事件冒泡和事件委托的方法： A：return false。 在事件的处理中，可以阻止默认事件和冒泡事件。 ...在事件的处理中，可以阻止冒泡但是允许默认事件的发生。...jQuery1.8之后都不推荐使用，官方在1.9时已经取消使用live()方法了，所以建议都使用on()方法。
jquery替换class: 实现方法： ① 使用removeClass()删除旧的class ② 使用addClass()添加新的class ③ 使用attr 直接替换原class ④ 使用...IE=edge" /> Jquery...替换class -青梅博客 ....click(function () { $("p").removeClass("intro1").addClass("intro2"); }); }); jQuery
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 加载一段文本...提供 data 和 type 两个参数：data 是 Ajax 返回的原始数据，type 是调用 jQuery.ajax 时提供的 dataType 参数。...在 jQuery 1.4 中，它也会检查服务器指定的 'etag' 来确定数据没有被修改过。 jsonp 类型：String 在一个 jsonp 请求中重写回调函数的名字。...请参考工具分类下面的 jQuery.param 方法。 timeout 类型：Number 设置请求超时时间（毫秒）。此设置将覆盖全局设置。...发送数据到服务器 默认情况下，Ajax 请求使用 GET 方法。如果要使用 POST 方法，可以设定 type 参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。
data方法也是模型类的连贯操作方法之一，用于设置当前要操作的数据对象的值，可能大家不太习惯用这个方法，今天来讲解下如何用好data方法。...@splaybow.com'; $Model->data($data)->add(); 注意：如果我们同时使用create方法和data创建数据对象的话，则后调用的方法有效。...'); $data = 'name=洪哥&email=thinkphp@splaybow.com'; $Model->data($data)->add(); 也可以直接在add方法中传入数据对象来新增数据...当然data方法也可以用于更新数据，例如： $Model = M('User'); $data['id'] = 8; $data['name'] = '洪哥'; $data...'; $Model->data($data)->where('id=8')->save(); 二、读操作 除了写操作外，data方法还可以用于读取当前的数据对象，例如： $User
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
