jquery prop的使用介绍及与attr的区别

Prop和attr的作用类似,相同点:两者都可以获取属性值和设置属性值,下面为大家介绍下具体的使用
Prop和attr的作用类似 
 
相同点:两者都可以获取属性值和设置属性值 
不同点:在处理checkbox上,建议使用prop,原因在于IE浏览器不兼容,因为是相似的所有个人建议使用prop 
删除属性的时候使用:removeProp("xxx") 
例子: 
获取属性值 
代码如下:
var currentChecked=$(".my-checked").prop("checked"); 值为true/false 
 
设置属性值 
 代码如下:
var currentChecked=$(".my-checked").prop("checked",false); 
 

时间: 2024-10-28 23:12:49

jquery prop的使用介绍及与attr的区别的相关文章

jquery prop的使用介绍及与attr的区别_jquery

Prop和attr的作用类似 相同点:两者都可以获取属性值和设置属性值 不同点:在处理checkbox上,建议使用prop,原因在于IE浏览器不兼容,因为是相似的所有个人建议使用prop 删除属性的时候使用:removeProp("xxx") 例子: 获取属性值 复制代码 代码如下: var currentChecked=$(".my-checked").prop("checked"); 值为true/false 设置属性值 复制代码 代码如下:

jQuery中attr()与prop()函数用法实例详解(附用法区别)_jquery

本文实例讲述了jQuery中attr()与prop()函数用法.分享给大家供大家参考,具体如下: 一.jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2.

jQuery.prop() 使用详解_jquery

prop()函数用于设置或返回当前jQuery对象所匹配的元素的属性值. 该函数属于jQuery对象(实例).如果需要删除DOM元素的属性,请使用removeProp()函数. 语法 jQuery 1.6 新增该函数.prop()函数有以下两种用法: 用法一: jQueryObject.prop( propertyName [, value ] ) 设置或返回指定属性propertyName的值.如果指定了value参数,则表示设置属性propertyName的值为value:如果没有指定val

【jQuery 使用】 利用jQuery.prop("outerHTML")获取包含自身在内的HTML元素的HTML代码

jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置. 很多jQuery的使用者都对这一问题深感疑惑.为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢? 因为原生JS DOM里有一个内置属性 outerHTML (看清大小写哦,JS是区分大小写的)用来获取当前节点的html代码(包含当前节点),所以用

JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别_javascript技巧

 原生js使用forEach()与jquery使用each()遍历数组,return false 的区别: 1.使用each()遍历数组a,如下: var a=[20,21,22,23,24]; $.each(a, function(index,val) { console.log('index='+index); if(index==2){ return false; } console.log('val='+val); }); 结果如下: 从运行的效果可以看出,return 相当于循环中的b

JQuery的ready函数与JS的onload的区别详解_jquery

JQuery的ready函数与JS的onload的区别:1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行.$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个$(document).ready()可以同时编写多个,并且都可以得到执行 3.简化写法window.onload没有简化写法$(document).r

浅谈jQuery中的eq()与DOM中element.[]的区别_jquery

如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a class="a">#1</a> <a class="a">#2</a>

jQuery学习之prop和attr的区别示例介绍_jquery

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()方法的首选使

jQuery prop设置checkbox全选、反选的例子

大家都知道 jQuery 可通过 attr 方法来设置 dom 属性,自然的也就想到用 $(dom).attr('checked', 'checked'); 这种方法来选择 checkbox 了,但是最近在项目中使用 checkbox 全选.反选的时候,却出现了问题: 在使用 attr 方法设置选择后,点击第一次可以设置反选,第二次却不行了. $(function(){     var checkbox = $("input[type='checkbox']");     //全选