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

jQuery 属性操作

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

1.8K20

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

data自定义属性jQuery用法

(1)如果在HTML文档设置data-自定义属性单个字符串名称属性若有大写值,在js文件获取时只能用小写形式获取。...如: HTMLdata-Role,获取当时为$(node).data(“role”); (2)如果在HTML设置data-role和data-Role是一样,html属性不区分大小写。...然后我们从验证结果可以看出,js只会找到第一个与其匹配就直接返回。 (3)如果用js来设置data属性,那么如果你定义是大写格式,则访问也必须是大写形式。...最后讲一下data()和attr()区别: (1) 是否需要传参: data() 可以不传入参数,这使获得是一个js对象,就算你在html没有设置任何data自定义属性时,获得也是一个对象。...(4)data-attribute属性会在页面初始化时候放到jQuery对象,被缓存起来,而attr方法却不会。

2.9K20

JQuery属性操作及事件

一、属性操作1、固有属性(1)获取:选中元素.prop('属性名')console.log($('img').prop('src'));(2)设置:选中元素.prop('属性名','值')(3)区别①data():在元素本身是看不到设置属性...(不会更改DOM结构),但是该属性是存在,且可以获取输出②attr():在元素本身是可以看到设置属性,也可以获取输出二、遍历操作1、区别(1)隐式迭代:给同一类元素做同样操作(2)遍历操作:给同一类元素做不同事情...事件 | 菜鸟教程)1、单个事件注册element.事件(fuction(){})(1).hover:模仿鼠标悬停事件(2)参数        ①函数1:鼠标移上去触发什么事件        ②函数2...插件库-收集最全最新最好jQuery插件小伙伴可以在这个网站找喜欢作品,下载压缩包后,可以直接看效果,而且都有源码

1.7K70

Jquery属性操作和DOM操作

JQ中非常重要部分,就是操作DOM能力  一   属性操作 1 text():获取或设置某个文本属性           2 html()    :获取或设置某个元素属性        3 val...attr(xxx)  :返回被选元素属性                $(selector).attr(xxxx,xxxx)  :设置被选元素属性和值,第一个参数为被选中属性,第二个参数为属性值...l  该函数返回一个坐标对象,该对象有一个left属性和top属性。Position()坐标参考系是以被定位祖辈元素左上角为原点(0,0),向右为正,向下为正。...offset和position区别     JQ两个方法都返回一个包含两个属性对象-左边距和上边距,它们两个不同点在于位置相对点不同。    ...删除所有子节点),绑定事件,附加数据都会移除         2 detach()从DOM删除所有匹配元素()与remove()不同是,绑定事件,附加数据都会被保留下来        3

1.3K20

jQuery源码研究:jQuery原型对象上属性方法(下)

接昨天jQuery原型属性方法部分。 each()方法:为每个匹配元素集合执行回调函数,是一个jQuery遍历方法。...这个each()方法其实通过返回真实each方法引用来实现,具体在后面读到jQuery.extend属性时再看。 map()方法,同样也是一个遍历方法。...至于this.pushStack()方法参数,可以明显看到它是jQuery构造对象上定义了一个方法map,该方法内部具体实现尚未可知,因为还没读到那部分,但看参数传递可以大概知道,将新创建元素集合和对新集合进行处理回调函数传入进去了...jQuery对象集合,而res则是只有一个索引为1li及其他属性方法组成`jQuery`对象集合。...说不太让人懂,虽然用也会用,不就是在jQuery实例对象进行DOM选择链条返回未选状态么,但其实看代码实现更明确: jQuery.prototype = { end: function(){

85650

Jquery attr()方法 属性赋值和属性获取

jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。...1. attr(属性名) //获取属性值(取得第一个匹配元素属性值。通过这个方法可以方便地从第一个匹配元素获取一个属性值。...(这是一种在所有匹配元素批量设置很多属性最佳方式。 注意,如果你要设置对象class属性,你必须使用'className' 作为属性名。或者你可以直接使用'class'或者'id'。)...title:是鼠标放上去之后,会显示出来文字。 那么怎么删除属性呢? jquery删除属性关键词是: removeAttr 注意A是大写....jqueryval()与之类似,(this).val();获取某个元素节点value值,相当于(this).attr("value");(this).val(value);设置某个元素节点value

10.1K40

前端基础-JQuery操作属性

第5章 JQuery操作属性 5.1 attr操作 设置单个属性 // 第一个参数:需要设置属性名 // 第二个参数:对应属性值 // $obj.attr(name, value); // 用法举例...$('img').attr('title','哎哟,不错哦'); $('img').attr('alt','哎哟,不错哦'); 设置多个属性 // 参数是一个对象,包含了需要设置属性名和属性值 //...// 传需要获取属性名称,返回对应属性值 // $obj.attr(name) // 用法举例 var oTitle = $('img').attr('title'); alert(oTitle)...; 移除属性 // 参数:需要移除属性名, // $obj.removeAttr(name); // 用法举例 $('img').removeAttr('title'); 5.2 prop操作 在jQuery1.6...$('div').addClass('one'); 移除样式类 // name:需要移除样式类名 // $obj.removeClass('name'); // 例子,移除divone样式类名 $

65710

jQuery 文本属性

jQuery文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS innerHTML 、innerText 和 value 属性。...一、jQuery内容文本值 常见操作有三种:html() / text() / val() ; 分别对应JS innerHTML 、innerText 和 value 属性,主要针对元素内容还有表单值操作...2.注意1: 只能增加本商品数量, 就是当前+号兄弟文本框(itxt)值。 3.修改表单值是val() 方法 4.注意2: 这个变量初始值应该是这个文本框值,在这个值基础上++。...要获取表单值 5.减号(decrement)思路同理,但是如果文本框值是1,就不能再减了。...乘以 当前商品价格 就是 商品小计 2.注意1: 只能增加本商品小计, 就是当前商品小计模块(p-sum) 3.修改普通元素内容是text() 方法 4.注意2: 当前商品价格,要把

2.5K30

jQuery——工具及属性(案例)

遍历数组 我们先来定义一个数组,jQuery里定义数组,大家都知道怎么写吗?不知道?不怕,来看我给你们写一下。...var names = ["张三","李四","王二"]; 在jQuery定义数组用括号来括起来,里面其实就和咱们java代码差不多了,值,逗号,值,逗号。...遍历对象啥呀?哎,遍历对象其实就是遍历对象属性。所以大家可别搞晕了。那么同样我们先来定义一个对象,上面说了定义数组用括号,那么定义对象该咋写?用大括号。...遍历对象 和 上面的遍历数组又有点不太一样了,同样each()里面有两部分,分别是对象名 和 回调函数,但是到回调函数参数是 以 键值对形式来表示对象 属性 和 值。...每个对象分别有三个属性和对应属性值。 对象集合遍历方式1 我们来看一下怎么遍历,我们要想找到数组每一个对象属性,那么就得先遍历数组,刚说到遍历数组怎么写来着?

62420
领券