首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

jquery 操作HTML data全局属性缓存

data-* 全局属性 是一类被称为自定义数据属性属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性能力,并可以通过脚本(一般指JavaScript) 与 HTML 之间进行专有数据交换。...简单说就是html元素可以通过data-*属性存一些数据,类似于一个map,如果我们想在html元素上额外存一些东西是非常方便。...查看下html元素 image.png data-num值还是1。。。...果断查看下jquery源码,真相都在代码里: image.png 三:正确使用方式 如果需要修改dom元素上data必须用js方式: document.getElementById("div1"...).dataset.num = "3 image.png image.png image.png 四:结论 jquery用缓存方式,无疑是为了提高读写效率,但是缓存是个双刃剑,方便我们使用同时往往还是带来困扰

81020

jQuery 属性操作

1.jQuery 属性操作 ​ jQuery 常用属性操作有三种:prop() / attr() / data() ; 1.1 元素固有属性值 prop() ​ 所谓元素固有属性就是元素本身自带属性,...1.2 元素自定义属性值 attr() ​ 用户自己给元素添加属性,我们称为自定义属性。 比如给 div 添加 index =“1”。 语法 1....获取数据语法 date(''name'') // 向被选元素获取数据 注意:同时,还可以读取 HTML5 自定义属性  data-index ,得到是数字型。...2.因为checked 是复选框固有属性,此时我们需要利用prop()方法获取和设置该属性。 3.把全选按钮状态赋值给3小复选框就可以了。...全选 全不选功能模块 // 就是把全选按钮(checkall)状态赋值给 三个小按钮(j-checkbox)就可以了 // 事件可以使用change $(".checkall").change

1.8K20

jQuery 属性操作

1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ; 1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带属性,比如...1.2 元素自定义属性值 attr() 用户自己给元素添加属性,我们称为自定义属性。 比如给 div 添加 index =“1”。...(该方法也可以获取 H5 自定义属性) 1.3 数据缓存 data() data() 方法可以在指定元素上存取数据,并不会修改 DOM 元素结构。一旦页面刷新,之前存放数据都将被移除。...语法 1.附加数据语法 data("name","'value") // 向被选元素附加数据 2.获取数据语法 date("name") //向被选元素获取数据 注意:同时,还可以读取 HTML5 自定义属性...data-index ,得到是数字型。

1.2K30

jQuery 属性操作

jQuery 常用属性操作有三种:prop() / attr() / data() ; 一、元素固有属性值 prop() 所谓元素固有属性就是元素本身自带属性,比如 元素里面的 href...二、 元素自定义属性值 attr() 用户自己给元素添加属性,我们称为自定义属性。 比如给 div 添加 index =“1”。 语法 ?...(该方法也可以获取 H5 自定义属性) 三、数据缓存 data() data() 方法可以在指定元素上存取数据,并不会修改 DOM 元素结构。一旦页面刷新,之前存放数据都将被移除。...注意:同时,还可以读取 HTML5 自定义属性 data-index ,得到是数字型。...2.因为checked 是复选框固有属性,此时我们需要利用prop()方法获取和设置该属性。 3.把全选按钮状态赋值给3小复选框就可以了。

1.4K30

html 中 a 链接 download 属性神奇使用

html 中 a 链接 download 属性神奇使用 一般来说,我们在页面中提供下载时候,都需要去配置一些服务端东西,比如指定 zip 文件就通知浏览器下载这个文件。...好,现在问题是,我需要方可点击这个链接,然后把一个资源下载下来,而不是用浏览器打开。 非常明确需求。 之前我在开发 FengCMS 开源系统时候,就涉及到这个问题。...神奇 download 属性 下载 vue LOGO 如上代码,就可以直接把文件给下载下来了...什么都没有做,只是给 a 加了一个 download 属性!! 并且不仅仅是这样,我们还可以重命名文件。...添加属性名,就可以直接下载并且重命名为这个文件名了。

1.7K90

jqueryhtml,text,val

其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时....html(),.text(),.val()都可以使用回调函数返回值来动态改变多个元素内容。...html属性中有两个方法,一个有参,一个无参        1....2.有参text(val):设置所有匹配元素文本内容,与 html() 类似, 但将编码 HTML (将 "" 替换成相应HTML实体).返回一个jquery对象 html页面代码: ] 最后,val()属性中也有两个方法,一个有参,一个无参。        1.无参val():获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素值了。

1.9K50

jqueryhtml,text,val

一 意义:     1.html()用为读取和修改元素HTML标签     2.text()用来读取或修改元素纯文本内容     3.val()用来读取或修改表单元素value值。...二 这三个方法功能上对比 .html(),.text(),.val()三种方法都是用来读取选定元素内容; 只不过.html()是用来读取元素HTML内容(包括其Html标签),.text()用来读取元素纯文本内容...其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上; 另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时....html(),.text(),.val()都可以使用回调函数返回值来动态改变多个元素内容。...html()和text()可用在多种元素上,但是html()相当于依据源代码返回,也就是在返回内容中会包含各种tag,而text()则相当于是依据页面显示返回,返回内容是出去各种tag之间内容

1.5K20

jQueryhtml()实现

二、jQuery html() 方法 (1)当直接调用 $().html()时,.html()作用是只读取第一个目标元素innerHTML 简单实现: function customHtml...()相当于调用了fn.call( elems, value ),即自定义方法jQuery.access(this, function(value) {xxx}) ② .html()情况调用这部分源码...//如果能直接使用innerHTML来解析的话 //注意:IEinnerHTML会忽略开头无作用域元素 if ( typeof value ===...) // 当该方法用于返回内容时,则返回第一个匹配元素内容 // 当该方法用于设置内容时,则重写所有匹配元素内容 // http://www.runoob.com/jquery/html-html.html...) return jQuery.access( this, function( value ) { //读的话(.html())只读第一个匹配目标元素内容所以是this[0]

1.5K10

全面入门jQuery最佳实践(二)-jQuery属性与样式1 .attr()与.removeAttr()2 html()及.text()

而在jQuery中用attr()与removeAttr()就可以全部搞定了,包括兼容问题 attr()获取和设置元素属性 attr(传入属性名):获取属性值 attr(属性名, 属性值):设置属性值...为了属性操作封装,直接在一个 jQuery 对象上调用该方法,很容易对属性进行操作,也不需要去特意理解浏览器属性名不同问题 dom概念区分: Attribute和Property翻译出来都是...获取Attribute就需要用attr,获取Property就需要用prop 2 html()及.text() 读取、修改元素html结构或者元素文本内容是常见DOM操作 jQuery针对这样处理提供了...()方法内部使用是DOMinnerHTML属性来处理,所以在设置与获取上需要注意一个最重要问题,这个操作是针对整个HTML内容(不仅仅只是文本内容) .text() .text() 得到匹配元素集合中每个元素合并文本....html只能使用HTML文档中,.text 在XML 和 HTML 文档中都能使用 如果处理对象只有一个子文本节点,那么html处理结果与text是一样 火狐不支持innerText属性

65330
领券