jquery on函数和prop与attr区别】的更多相关文章

一.jquery on()方法 1.语法 2.例子 $(document).ready(function(){ $("p").on("click",function(){ alert("段落被点击了."); }); }); 3.说明 jquery on()方法菜鸟教程上面说是自jquery 1.7起是live()和bind()的替代方法,他是为当前和未来的元素添加事件响应方法,我一开始以为是在一开始选择器$()中就可以实现,后来查了一下$()好像…
问题描述 由于prop(property的缩写)和attr(attribute的缩写)翻译成汉语,均有“特性.属性”等意思的原因,导致大家容易混淆分不清,本篇文章将试图从英文含义,中文含义和Jquery含义三个方面,彻底将它们区分开来. 在英文中的理解 在中文中的理解 在jquery中的理解 总结 1   内容区 1.1    在英文中的理解 (1)atrr attr是attribute缩写,其英文意思如下:  (2)prop prop是property缩写,其英文意思如下:  1.2    在…
问题 今天给一个button加onclick事件,由于最后button根据需要转成字符串,因此不能使用jQurey.click(),只能给button添加onclick属性的方式. 于是,$button.prop("onclick", "invoke(1)"),但在浏览器中观看结果时傻了,button根本没有添加上onclick的属性. 咦?我上个a标签就是使用$a.prop("href", "javascript:invoke(1)&…
最近在做一个项目用jq时发现一个问题  在谷歌中可以正常出效果  但是在火狐中就是不行 就是这个prop和attr   之前用的是attr方法   但是在火狐中不出效果  于是特意看了两者的区别 主要区别就是:   prop  对于HTML元素本身就带有的固有属性   attr  对于HTML元素我们自定义的加在标签中的属性 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描述也许有点模糊,举几个…
一切看下面代码示例<!DOCTYPE html> <html> <head> <title>全选和反选</title> <script type="text/javascript" src="./jquery-1.11.2.min.js"></script> </head> <body> <input type="checkbox"…
都用于读取和设置DOM元素节点的属性 不同: $.attr()用于DOM元素本身的属性 $.prop()用于DOM节点对应的JS属性(源于DOM元素到JS对象的映射) 源于两者在jquery类库的实现方法: $.attr()使用原生JS里的getAttribute()和setAttribute(); $.prop()使用的是通过获取DOM节点,然后调用该对象的内置属性(非内置对象无法获取到) 设置属性限制: $.attr()可以设置和读取内置和自定义的属性 $.prop()只能读取DOM元素或w…
DOM树 首先,可视化一个HMTL文档的DOM树是很有帮助的.一个简单的HTML页面看起来就像是这个样子: 事件冒泡(又称事件传播) 当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行. ~~~事件冒泡又称事件传播 $('a').bind('click', function() { alert("That tickles!") }); 因此一个单击操作会触发alert函数的执行. click事件接着会向树的根方向传播,广播到父元…
首先 attr 是从页面搜索获得元素值,所以页面必须明确定义元素才能获取值,相对来说比较慢. 如: <input name='test' type='checkbox'> $('input:checkbox').attr('type'); 返回checkbox. $('input:checkbox').attr('checked'); 返回undefined. 因为<input name='test' type='checkbox'>中没有checked关键字. prop是从属性对…
1..prop( propertyName ) 获取匹配集合中第一个元素的Property的值 2. .prop( propertyName, value ) .prop( map ) .prop( propertyName, function(index, oldPropertyValue) ) 给匹配元素集合设定一个或多个属性 .prop()和 .attr()区别 下面是关于jQuery1.6和1.6.1中Attributes模块变化的描述,以及.attr()方法和.prop()方法的首选使…
总结: 版本 1.6 1.6 1.4 1.4 函数 勾选 取消勾选 勾选 取消勾选 attr('checked') checked undefined true false .prop('checked') true false   1.6才有此方法 .is(':checked') true false true false elem.checked true (Boolean) Will change with checkbox state $(elem).prop("checked"…