原生js及JQuery框架获取/设置属性的方法

最新推荐文章于 2024-03-24 13:38:01 发布
最新推荐文章于 2024-03-24 13:38:01 发布
阅读量636 收藏
点赞数 1
文章标签： js JQuery javascript 设置属性 获取属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a755199443/article/details/88868283
版权

原生JS:
原生js通过对元素对象调用getAttribute(name)来获得属性值
调用setAttribute(name,value)来设置属性值
JQuery框架:
原生框架获取属性有val()/attr()/prop()三个方法.

  • val()
    只用来获取或设置属性value的值.用于获取值时:与attr(value)不用的是val()获得的是实时值而另一个获得的是默认预设值(textbox文本框和hidden文本框中).用于设置值时在括号里传参数即可.
  • attr()和prop()
    两者都可以用于获取和设置任何属性,但是根据官方建议:具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr().
    prop()是JQuery1.6新增的方法,用于解决1.6之前使用 attr() 有时候会出现不一致行为的问题.
朱同学
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解用原生JavaScript实现jQuery的某些简单功能
10-20
为了进一步接近jQuery的功能，我们可以继续添加更多的方法，如`css()`和`html()`，它们分别用于设置或获取元素的样式和HTML内容： ```javascript lQuery.prototype.css = function(styleName, styleValue) { // .....
vue.js2.0点击获取自己的属性和jquery方法
10-18
4. **元素属性访问**：原生JavaScript的`getAttribute`方法与jQuery的`attr`函数用于获取元素属性值。 5. **DOM操作**：Vue中通过`document.getElementById`直接操作DOM，而在jQuery中，可以使用`$(selector).val()`...
js设置和获取自定义属性的方法
11-26
Js操作自定义属性的方法： var testEle = document.getElementByIdx_x("test") testEle.setAttribute("test","aaa"); // 设置 testEle.getAttribute("test")； //获取 testEle.attributes["test"].nodeValue; // 获取 Jquery操作自定义属性的方法： $("#test").attr("test","aaa") // 设置 $("#test").removeAttr("test") // 删除 var testAttr = "ddd
js获取和设置属性的方法
xyjikl
12-14 495
代码如下: function square(num){     var total = num*num;//局部变量     return total; } var total = 50;//全局变量 var number = square(20); alert(total);//结果为50 function square(num){     total = num*num;
jquery 和 原生两种方式 获取 html5 自定义属性
业余前端的职业经历
10-22 337
再html5中如果 你要给元素绑定自定义属性的话 前面最好加上 data-* = “” // 下面得标准是 data-type 不标准 app-my <div id="demo" data-type="123" app-my="222"></div> 然后我们分别通过原生和 jquery得方式进行获取 // jquery console.log($('#demo').data().type); // 123 原生 var demo = document.query
js如何设置属性
m0_52434369的博客
06-30 1507
关于js如何设置，修改，删除属性，相信聪明的你看了这篇文章后定会有所收获的。奥里给！@ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width
Js 设置css属性
挂件
09-18 6197
用JS来动态设置CSS样式(设置成行内样式)，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; element.style.height = '100px'...
原生js和jQuery写的网页选项卡特效对比
10-24
本文实例中主要是通过判断点击菜单在菜单列表中的索引位置来显示或隐藏选项区.原生js还有很多种实现方法(蓝色理想中搜索),为了与jQ版思路保持一致,本文实例用的是循环判断.有需要的小伙伴可以参考下
通过原生js和jQuery书写了一个电商平台系统.zip
06-02
在这个名为“通过原生js和jQuery书写了一个电商平台系统.zip”的压缩包中，包含了一个使用JavaScript（包括原生JS和jQuery库）开发的前端电商平台项目。这个项目可能是一个基础的在线购物平台，展示了如何利用这两种...
js_door.rar_JavaScript/JQuery_JavaScript_
08-12
6. **jQuery的使用**：尽管此资源强调的是原生JavaScript实现，但jQuery是一个非常流行的JavaScript库，简化了DOM操作、事件处理和动画创建。例如，使用`$(selector).click()`绑定点击事件，`$(element).animate()`...
原生js仿jquery一些常用方法(必看篇)
11-23
最近迷上了原生js，能不用jquery等框架的情况都会手写一些js方法，记得刚接触前端的时候为了选择器而使用jquery。。。现在利用扩展原型的方法实现一些jquery函数： 1.显示/隐藏 //hide() Object.prototype.hide = function(){ this.style.display="none"; return this; } //show() Object.prototype.show = function(){ this.style.display="block"; return this; } return this的好处在于链式调用。 2
Js获取设置属性
weixin_43405525的博客
04-28 217
整体代码 获取所传过来的第一个参数 var tar = arguments[0] || {}; 判断参数类型是否为对象 比如说这样_(“div”).attr({class:“id”,id:“idd”}) if (youke.typeof(tar) == “[object Object]”) {…} if (youke.typeof(tar) == “[object Object]”) { for...
JavaScript 如何设置私有属性
最新发布
weixin_52878347的博客
03-24 229
是一个真正的私有变量，因为它是在一个立即执行函数表达式（IFEe）的作用域内定义的，外部代码无法直接访问。我们通过返回的对象中的。：当类的内部实现发生变化时，只要保持接口不变，就不会影响到使用该类的其他代码。是一个私有属性，因为它是在函数作用域内定义的，外部无法直接访问。：私有属性可以隐藏类的内部实现细节，只暴露必要的接口给外部使用。：防止外部代码随意修改类的内部状态，可能导致错误或不一致的状态。
js设置对象属性和读取对象属性详解
weixin_43122214的博客
03-23 2583
js设置对象属性和读取对象属性详解
JS自定义属性操作
Sea_water778的博客
10-24 5912
1.获取属性两种方法 element.属性 获取内置属性值 element.getAttribute ( ’ 属性 ’ ); get获取 attribute 属性的意思 获取程序员自己添加的属性 称为自定义属性 2.设置属性值两种方法 element.属性 = ’ 值 ’ 设置内置属性值。 element.setAttribute ( ’ 属性 '，‘ 值 ’ )； 区别； element.属性 设置内置属性值 element.setAttribute( ’ 属性 '，‘ 值
js，jquery获取节点以及内容和属性
forverfly的博客
07-17 3820
JS获取DOM元素的方法: document.getElementById('id'); 通过ID获取 document.getElementsByName('name'); 通过name属性 document.getElementsByTagName('div'); 通过标签名 document.getElements...
js抓取html属性,JS和jQuery通过this获取html标签中的属性值(实例代码)
weixin_40009472的博客
06-01 262
废话不多说了，具体代码如下所示：/** JQUERY 通过当前标签属性名，获取属性的值 */function attrsByJquery(obj){var v1 = $(obj).attr("dbname");var v2 = $(obj).attr("name");alert(v1);alert(v2);}/** JAVASCRIPT 通过当前标签属性名，获取属性的值 */function at...
js设置属性值的方法,javascript在哪设置
wenangou6
12-03 138
HTML​ 结构层，超文本标记语言，决定网页的结构和内容。CSS​ 表现层，层叠样式表，设定网页的表现样式Deepl降重。JavaScript​ 行为层，一种弱类型的脚本语言，其源码不需要经过编译，而是由浏览器解释运行，用于控制网页的行为，严格区分大小写，但是并不适合处理高并发的工作。//定义方式一function 函数名(参数){ //函数体//定义方式二 ----匿名函数var 函数名 = function(参数){ //函数体。
JS-属性操作注意事项
小菜菜的博客
09-03 471
下列东西不能拿来做判断： 1.所有的相对路径 img.src href=’1.css’ 2.颜色值不要拿来做判断： color:red #f00 rgb(250,0,0) 3.innerHtml值不要拿来做判断注意事项：JS中允许“.”替换成“[]” oDiv.style.width=’300px’; //.操作不能设为变量 oDiv.style[oAttr.value]=oval
JavaScript框架全面对比：Dojo、jQuery与主流框架特性
本文主要探讨了JavaScript框架在Web开发中的重要性和常见选择，特别关注了几个常用的框架，包括Dojo、Scriptaculous、Prototype、yui-ext、jQuery、Mochikit、MooTools、moo.fx以及其他的框架，如ExtJS、MochiKit、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值