[ jquery 方法 prop(name|properties|key,value|fn) ] 此方法操作元素本身自带的属性

获取匹配的元素集中第一个元素的属性(property)值或设置每一个匹配元素的一个或多个属性(操作方式与attr相似):

  随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误。jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误

  如果第二个参数是callback,那么需要返回的是属性值,函数传参解释如下:

    1:属性名称

    2:返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值

实例:

<!DOCTYPE html>
<html lang=‘zh-cn‘>
<head>
<title>Insert you title</title>
<meta http-equiv=‘description‘ content=‘this is my page‘>
<meta http-equiv=‘keywords‘ content=‘keyword1,keyword2,keyword3‘>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- <script type=‘text/javascript‘ src=‘./js/jquery-3.0.0.js‘></script> -->
<script type=‘text/javascript‘ src=‘./js/jquery-1.12.1.min.js‘></script>
<style type=‘text/css‘>
    #listDemo{list-style:none;}
    #listDemo li{width:350px;height:20px;margin:10px 0;background:red;text-align:center;font:400 13px/20px ‘Courier New‘;color:#FFF;}
</style>
<script type=‘text/javascript‘>
    $(function(){
        $(‘#user‘).prop(‘autocomplete‘,function(index,oldAttr){
            alert(oldAttr);
        });
    });
</script>
</head>
<body>
   <input type=‘text‘ id=‘user‘ autocomplete="on" required="required"/>
</body>
</html>
时间: 2024-12-14 18:48:23

[ jquery 方法 prop(name|properties|key,value|fn) ] 此方法操作元素本身自带的属性的相关文章

[ jquery 方法 attr(name|properties|key,value|fn) ] 此方法操作匹配的元素或元素集中的属性

获取匹配的元素集合中的第一个元素的属性的值 | 设置每一个匹配元素的一个或多个属性: 在jQuery 1.6中,当属性没有被设置时候,.attr()方法将返回undefined,若要检索和更改DOM属性,比如元素的checked, selected, 或 disabled状态,请使用.prop()方法 如果第二个参数是callback,那么需要返回的是属性值,函数传参解释如下: 1:属性名称 2:返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值 注意:使用此方法来设置样式

[ jquery 文档处理 wrap(html|element|fn) ] 此方法用于把所有匹配的元素用其他元素的结构化标记包裹起来

此方法用于把所有匹配的元素用其他元素的结构化标记包裹起来 实例: <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keyword3'> <

jquery中prop和attr的区别

jquery中prop和attr的区别 prop: prop(name|properties|key,value|fn) **概述** 获取在匹配的元素集中的第一个元素的属性值. 随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误. jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误 **参数** name String V1.6 属性名称 properties Map V1.6 作为属性的"名/值对"对象 key,v

jQuery中prop方法和attr方法区别

attr方法用的是原生js中的getAttribute和setAttribute; prop方法相当于直接用.或者[]来访问/修改dom元素的属性, 所以它俩的区别相当于问原生js中的getAttribute和直接.来修改属性有什么区别: <input type="text" zs="user"> 1.在html中能看到的属性一定会在dom的属性节点中保存,本文称它为节点属性, 这些属性分为html自带的属性(如type),和自定义属性(如zs). 元素

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

在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描述也许有点模糊,举几个例子就知道了. <a href="http://www.baidu.com" target="_sel

jQuery中 prop() attr()使用详解

对于HTML元素本身就带有的固有属性,在处理时,使用prop方法.  对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法.  对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描述也

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

在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描述也许有点模糊,举几个例子就知道了. <a href="http://www.baidu.com" target="_sel

jquery的prop方法与attr方法

高版本的jquery上,attr方法获取checkbox的checked属性,可能就会失效.例如,获取不勾选的checkbox的attr('checked')值也为'checked'. 这时应该使用prop方法.prop('checked')会返回true和false. 当属性为元素的自带属性时,就使用prop方法.如果是自己添加的属性,则使用attr方法.

jQuery.extend()方法和jQuery.fn.extend()方法

jQuery.extend()方法和jQuery.fn.extend()方法源码分析 这两个方法用的是相同的代码,一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例,对于基本用法举几个例子: html代码如下: <!doctype html> <html> <head> <title></title> <script src='jquery-1.7.1.js'></script> <