jquery attr("onClick") - ie和ff - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

jquery中attr和prop区别

区别： prop：attr 方法针对单选框和复选框的是否选中问题操作复杂（元素.attr(“checked”) 选中返回值为 checked，未选中返回值为 undefined，不是直接显示 true

1.1K1 0

jquery中attr()和prop()的区别

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。但不得不说的是，这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。...1、操作对象不同很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示"属性"的意思。...2、应用版本不同 attr()是jQuery 1.0版本就有的函数，prop()是jQuery 1.6版本新增的函数。...4、其他细节问题在jQuery 1.6之前，只有attr()函数可用，该函数不仅承担了attribute的设置和获取工作，还同时承担了property的设置和获取工作。...直到jQuery 1.6新增prop()函数，并用来承担property的设置或获取工作之后，attr()才只用来负责attribute的设置和获取工作。

2.6K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

Jquery中.attr和.data的区别

$.attr()和$.data()本质上属于 DOM属性和 Jquery对象属性的区别： $.attr()每次都从DOM元素中取属性的值。...$.data(‘xxx’)是从 Jquery对象中取值，由于对象属性值保存在内存中，因此可能和视图里的属性值不一致的情况。...$.data(‘xxx’, ‘xxxx’)会将字符串’xxxx’塞到 Jquery对象的’xxx’属性中，而不是塞到视图标签的data-xxx属性中。...所以$.attr()和$.data()应避免混合用通过$.attr()来进行set属性，然后通过$.data()进行get属性值；通过$.data()来进行set属性，然后通过$.attr()进行get...同时从性能的角度来说，建议使用$.data()来进行set和get操作，因为它仅仅修改的 Jquey对象的属性值，不会引起额外的DOM操作。

1.2K2 0

jQuery中prop和attr的区别

HTML5学堂：本文介绍了prop和attr的区别。...jQuery中有这么两个东西 —— attr()与prop()，很多开发者在使用时，经常容易混淆，今天HTML5学堂小编-其其就带你一起看看attr和prop方法。...jQuery文档中，attr和prop的参数都是一样的，而这两个东西都被认为是属性，那么他们之间到底有什么区别呢？下面我们一起验证下。...attr与prop的真身 attr全称attribute(属性) prop全称property(属性) 虽然都是属性，但他们所指的属性并不相同，attr所指的属性是HTML标签属性，而prop所指的是DOM...总结-使用经验 1、对标签内的属性使用attr来读取和设置。 2、对DOM对象固有的一些属性，使用prop获取和设置。 HTML5学堂小编-其其。耗时：1h

2.1K9 0

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

jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。...中attr()方法 jquery-1.4.2.min.js" language="javascript" type="text/javascript" >... 4.attr(properties) //将一个“名/值”形式的对象设置为所有匹配元素的属性 4.1获取里第2个设置title和alt属性。 ?...在这里为了很详细说明attr()方法，没有合适的属性，所有用了alt进行举例，只供学习参考attr()方法用法。在此说明下alt和tite的区别。...jquery中val()与之类似，(this).val();获取某个元素节点的value值，相当于(this).attr("value");(this).val(value);设置某个元素节点的value

11.4K4 0

第82天：jQuery中prop()和attr()的区别

在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。...对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。上面的描述也许有点模糊，举几个例子就知道了。 ...处理这些属性时，建议使用attr方法。使用prop方法取值和设置属性值时，都会返回undefined值。...这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。...attr("checked") == undefined $("#chk2").attr("checked") == "checked"

7172 0

JS魔法堂：属性、特性，傻傻分不清楚

浏览器支持：IE8+（IE567以[object Object]类型的形式提供与[object Attr]类型相同的APIs）、FF、Chrome 特点：　　①. ...setAttribute 空字符串 true 空字符串非disabled的任意字符串 true IE9+、Chrome和FF是返回setAttribute设置的值； IE8是CHECKED removeAttribute...变异布尔属性（如IE9+、Chrome和FF下checked）　　　　　　变异布尔属性最大的特点是，在用户UI改动属性值和通过点方式改动属性值前，点方式和getAttribute方式是操作同一个属性。...具体代码如下： IE9+、Chrome和FF下CHECKBOX和RADIO元素的checked属性属于变异布尔属性，而IE5678下的checked属性就属于双向布尔属性。...具体请看代码（IE8-11，Chrome，FF均如此）： var dom = document.createElement('DIV'); dom.setAttribute('onclick', 'console.log

2.1K7 0

设为首页和收藏本站js代码兼容IE,chrome,ff

设为首页和收藏本站js代码兼容IE,chrome,ff //设为首页 function SetHome(obj,url){ try{ obj.style.behavior='url(#default...\n\n加入收藏失败，请使用Ctrl+D进行添加"); } } } 页面调用: onclick="SetHome(...this,'http://www.xyz.com');">设为首页 onclick="AddFavorite('我的网站',location.href

3.8K9 0

js获取div编辑框，textarea，input text的光标位置，兼容FF和IE

js获取div编辑框，textarea，input text的光标位置，兼容FF...和IE jquery/1.4.2/jquery.min.js" type="text...document.selection) { //非IE浏览器 var thisTagName = null; if ($(element).attr("tagName") !... onclick="getValue(this);" onkeyup="getValue(this);" contenteditable="true... onclick="getValue(this);" onkeyup="getValue(this);">一二三四五六七八</span

9.1K6 0

jquery中dom元素的attr和prop方法的理解

一、背景　　在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候，经常不知道dom元素的attr和prop方法到底有什么区别？...这些属性被称为dom元素的自定义属性，这种情况下，我建议使用attr方法。此时若使用prop方法进行设置和获取该属性的值时就会返回undefined值。　　...selected"，这些属性也是dom元素的固有属性，因此使用prop方法才能正确的进行获取和设置。...方法会出现下面的结果 $("#se").attr("checked") == 'undefined' $("#sel").attr("checked") == 'checked' $("#op").attr...()，其他的使用 attr()。

2K2 0

jQuery text() html() val()设置内容和attr()设置属性的用法

下面的例子演示带有回调函数的 text() 和 html()： $("#btn1").click(function(){ $("#test1").text(function(i,origText){... (index: " + i + ")"; }); }); 设置属性 - attr() jQuery attr() 方法也用于设置/改变属性值。...jquery"); }); attr() 方法也允许您同时设置多个属性。...同时设置 href 和 title 属性： $("button").click(function(){ $("#w3s").attr({ "href" : "http://www.w3school.com.cn.../jquery", "title" : "W3School jQuery Tutorial" }); }); attr() 的回调函数 jQuery 方法 attr()，也提供回调函数。

2.5K0 0

从一个bug说jquery中的attr和prop

input"); for (var i=0; i<list.length; i++){ console.log('input ' + i + ':' + $(list[i]).attr...注意，这里获取状态值时，我们使用了jquery的attr函数。...莫非jquery的attr有bug！？几经查询，发现不是attr有问题，是我用错了api。应该使用prop, 而不是attr。...将 $(list[i]).attr('checked')替换为 $(list[i]).prop('checked')，相应图1，图2操作得到的结果是 input 0:false input...附官方建议attr(),prop()的使用： Attribute/Property .attr() .prop() accesskey √ align √ async √ autofocus

7932 0

三、jQuery属性操作

5、属性和属性节点的区别任何对象都有属性，但只有DOM对象才有属性节点 attr方法 1、attr(name|pro|key,val|fn) 方法获取或者设置属性节点的值参数可以传递一个参数.../1.12.4/jquery.js"> $(function () { $('span').attr...text"> 切换图片 ff64951eaf7f381...尺寸和位置相关尺寸以width()方法为例。 IE 浏览器不可使用，需要对 body 进行设置。

4.3K2 0

前端之JQuery

JQuery版本 1.x：兼容IE678,使用最为广泛的，官方只做BUG维护，功能不再新增。...维护IE678是一件让人头疼的事情，一般我们都会额外加载一个CSS和JS单独处理。...(Widget) 支持版本 IE6.0+Firefox 3 + Safari 3.1 + Opera9.6和GoogleChrome JQuery UI主要分为3个部分: 交互,小部件和效果库...jQuery中使用attr对checkbox进行赋值操作时会出bug，在3.x版本的jQuery中则没有这个问题。...为了兼容性，我们在处理checkbox和radio的时候尽量使用特定的prop()，不要使用attr(“checked”, “checked”)。

4.2K5 0

学习jQuery？这篇文章就够了

文章目录一、jQuery 简介 1、jQuery介绍 2、jQuery 版本介绍 3、jQuery能干什么 4、jQuery文件介绍二、jQuery引入和初体验 1、拷贝 jQuery 文件到项目中...jQuery 是轻量级的 JS 库，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是免费、开源的。...jQuery 是一个兼容多浏览器的 Javascript 库，核心理念是 write less，do more（写得更少，做得更多） 2、jQuery 版本介绍 jQuery1.x：经典版本，兼容 IE6...jQuery2.0：改进版本，及后续版本将不再支持 IE6，7，8 浏览器。...元素属性操作的方法 1、属性操作的方法 css val addClass，removeClass prop data attr 2、练习 2.1、准备页面新建 webapp/jq_01/09.jQuery_attr.html

13.6K1 0

01-老马jQuery教程-jQuery入口函数及选择器

1.3 关于jQuery的版本说明 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。...下载地址：http://code.jquery.com/jquery-2.1.4.min.js 3.x：不兼容ie678，只支持最新的浏览器。...下载地址：http://jquery.com/download/ 同一版本分类 jQuery每一个版本又分为压缩版和未压缩版： jquery.js：未压缩版本（开发版本），代码可读性高，推荐在开发和学习阶段使用...// 封装标准浏览器和ie浏览器 if(document.addEventListener) { document.addEventListener('DOMContentLoaded',...jQuery的包装对象和DOM对象的相互转换。

3.2K10 0

jQuery 基本语法

onClick="jq()">jQuery insertAfter(expr) 和 insertBefore(expr)...$("img").attr("src")); } 返回 test.jpg attr (prop) 为第一个匹配对象的设置属性，prop为hash对象，用于为某对象批量添加众多属性 onclick="js()">jQuery jQuery代码及功能： function js(){ $("img").attr({ src: "test.jpg",...JavaScript处理 $.browser() 判断浏览器类型，返回boolen值 $(function(){ if($.browser.msie) { alert("这是一个IE...Function, Function) 当鼠标move over时触发第一个function，当鼠标move out时触发第二个function 样式：.red{color:#FF0000

4.8K4 0

currentStyle

解决方法：在IE下可以用currentStyle; 在FF下用getComputedStyle; 然而，为了让其兼容，解决方法，封装成getStyle事件：最初： if(oDiv2.currentStyle){ //IE...){ 　　　　　　//IE return obj.currentStyle[attr]; }else{ 　　　　　　//FF return getComputedStyle...if(arguments.length == 3){//设置 obj.style[attr] =value; } } //用法： // oBtn.onclick = function...yellow"); // console.log(css(oDiv,"width")); // } 补充： JavaScript中，函数本身的length属性和arguments.length

3183 0

HTML5(九)——超强的 SVG 动画

window.onload = function(){ var line = document.getElementById("line") line.onclick...我们上述制作的 SVG 图形、动画等，运行在低版本IE中，发现SVG只有IE9以上才支持，低版本的并不能支持，为了兼容低版本浏览器，可以使用 VML ,VML需要添加额外东西，每个元素需要添加 v:元素...三、Raphaël.js (拉斐尔) Raphael.js是通过SVG/VML+js实现跨浏览器的矢量图形，在IE浏览器中使用VML，非IE浏览器使用SVG，类似于jquery，本质还是一个javascript...如：rect.attr('fill','pink') eg：给上边的矩形添加边框和背景色。...IE浏览器运行，发现都可以正常运行。

3.3K2 0

HTML5(九)——超强的 SVG 动画

window.onload = function(){ var line = document.getElementById("line") line.onclick...我们上述制作的 SVG 图形、动画等，运行在低版本IE中，发现SVG只有IE9以上才支持，低版本的并不能支持，为了兼容低版本浏览器，可以使用 VML ,VML需要添加额外东西，每个元素需要添加 v:元素...三、Raphaël.js (拉斐尔) Raphael.js是通过SVG/VML+js实现跨浏览器的矢量图形，在IE浏览器中使用VML，非IE浏览器使用SVG，类似于jquery，本质还是一个javascript...如：rect.attr('fill','pink') eg：给上边的矩形添加边框和背景色。...IE浏览器运行，发现都可以正常运行。

4.5K3 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭