文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

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

一、背景 　　在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候，经常不知道dom元素的attr和prop方法到底有什么区别？...也是W3C里本身就包含的几个属性，换句话说是IDE中能够自动提示的属性，这些属性就被称为dom元素的固有属性，这种情况下，我建议使用prop方法。 　　....那么很明显前两个是该dom元素的固有属性，最后一个是我们自己定义的属性。...a标签中的固有属性中并不包含该属性。这些属性被称为dom元素的自定义属性，这种情况下，我建议使用attr方法。此时若使用prop方法进行设置和获取该属性的值时就会返回undefined值。 　　...、radio、select等元素的选中属性"checked"和"selected"，这些属性也是dom元素的固有属性，因此使用prop方法才能正确的进行获取和设置。

2K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    jquery jQuery快速入门

    一个约定，我们在声明一个jQuery对象变量的时候在变量名前面加上$： var $variable = jQuery对像 var variable = DOM对象 $variable[0]//jQuery...// DOM对象使用DOM的方法 jQuery基础语法 $(selector).action() 查找标签 基本选择器 id选择器： $("#id") 标签选择器： $("tagName") class...由于回调函数是在当前DOM元素为上下文的语境中触发的，所以关键字 this 总是指向这个元素。...终止each循环 return false； 伏笔... .data() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。...$("div").data("k",100);//给所有div标签都保存一个名为k，值为100 .data(key): 描述: 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值—通过 .data

    19.5K51

    jQuery 选择器

    jQuery网页脚本语言核心之一 概述： 1. 选择器是jQuery的基础 2. 对事件处理，遍历DOM和Ajax操作都依赖于选择器 3. 可简化代码 什么是jQuery选择器？...层叠样式表 良好地继承了css选择器语法，还继承了其获取页面元素便捷高效的特点 于css不同，jQuery选择器获取元素后，为该元素添加的是行为 有良好的兼容性 优势 1. ...通过DOM之间的层次关系来获取元素 2. jQuery有四种常用的层次选择器： (1) 后代选择器 (2) 子选择器 (3) 相邻选择器 (4) 同辈选择器 ?..."的元素的情况 通过条件过滤选取元素 过滤：把不要的滤掉，留下需要的 语法标识： （：） 主要通过特定的过滤规则来筛选出所有的DOM元素 同样：过滤规则与css中伪类语法相同，即选择器都以一个冒号（:）...以上代码不能正确获取到元素，正确的写法如下。

    3.6K90

    jQuery

    一个约定，我们在声明一个jQuery 对象变量的时候在变量名前面加上 $ 符号，主要是为了此变量是不是 jQuery 变量，防止使用错对象方法。...： $("#i1").html();//jQuery对象可以使用jQuery的方法 $("#i1")[0].innerHTML;// DOM对象使用DOM的方法 jQuery 基础语法 $(selector...由于回调函数是在当前DOM元素为上下文的语境中触发的，所以关键字  this  总是指向这个元素。....data() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。...$("div").data("k",100);//给所有div标签都保存一个名为k，值为100 .data(key); 描述：返回匹配的元素集合中的第一个元素的给定名称的数据存储的值通过  .data(

    5.4K50

    Web前端学习笔记之jQuery基础

    一个约定，我们在声明一个jQuery对象变量的时候在变量名前面加上$： var $variable = jQuery对像 var variable = DOM对象 $variable[0]//jQuery...// DOM对象使用DOM的方法 0x5 jQuery基础语法 $(selector).action() 查找标签 选择器 id选择器： $("#id") 标签选择器： $("tagName") class...由于回调函数是在当前DOM元素为上下文的语境中触发的，所以关键字 this 总是指向这个元素。...终止each循环 return false； 伏笔... .data() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。...$("div").data("k",100);//给所有div标签都保存一个名为k，值为100 .data(key): 描述: 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值—通过 .data

    4.1K20

    【Python】列表 List ① ( 数据容器简介 | 列表 List 定义语法 | 列表中存储类型相同的元素 | 列表中存储类型不同的元素 | 列表嵌套 )

    列表定义语法 : 列表标识 : 使用 中括号 [] 作为 列表 的标识 ; 列表元素 : 列表的元素之间 , 使用逗号隔开 ; 定义 列表 字面量 : 将元素直接写在中括号中 , 多个元素之间使用逗号隔开...; # 定义列表字面量 [元素1, 元素2, 元素3] 定义 列表 变量 : 使用变量 接收 列表字面量值 ; # 定义列表变量 变量 = [元素1, 元素2, 元素3] 定义空列表 : 使用 []...或者 list() 表示空列表 ; # 空列表定义 变量 = [] 变量 = list() 上述定义 列表 的语句中 , 列表中的元素类型是可以不同的 , 在同一个列表中 , 可以同时存在 字符串 和...数字类型 ; 2、代码示例 - 列表中存储类型相同的元素 代码示例 : """ 列表 List 代码示例 """ # 定义列表类 names = ["Tom", "Jerry", "Jack"] #...print(names) # 打印列表类型 print(type(names)) 执行结果 : ['Tom', 'Jerry', 'Jack'] 3、代码示例 - 列表中存储类型不同的元素

    7.5K20

    书写高质量jQuery代码的6条经验

    一、正确引用jQuery 尽量在body结束前才引入jQuery，而不是在head中。 借助第三方提供的CDN来引入jQuery，同时注意当使用第三方CDN出现问题时，要引入本地的jQuery文件。...二、优化jQuery选择器 高效正确的使用jQuery选择器是熟练使用jQuery的基础，而掌握jQuery选择器需要一定的时间积累，我们开始学习jQuery时就应该注意选择器的使用。...中查找class为home的a元素，性能可想而知。...方法2：为要查找的元素添加了上下文，在这里变为查找id为nav的子元素，查找性能得到了很大提升。 方法3：使用了find方法，它的速度更快，所以方法三最好。....}// 建议if(collection.length){..} 2.6、为选择器指定上下文 默认情况下，当把一个选择器传递给jQuery时，它将遍历整个DOM，jQuery方法还具有一个未充分利用的参数

    1.8K90

    前端入门6-JavaScript客户端api&jQuery

    基础语法 如果有一定的 Java 基础，那么，只需了解下一些基础的 JS 语法，便可开始学习相关的客户端 API，熟悉后，足够编写 JS 代码来操作 DOM，达到动态网页的效果了。...以上基本的语法了解后，至少就知道如何声明变量、函数、对象，如何使用了，这就足够了，那么接下去就是熟悉下客户端 API，也可以说是浏览器按照标准提供的各 API 的使用。...JavaScript 可以通过全局变量 document 拿到这个 DOM 树对象，那么之后就可以根据 DOM 提供的各种 API 接口来操纵这颗 DOM 树，包括获取指定节点的元素，动态修改该节点元素的信息...所以，下面会分别介绍 W3C 规范的标准 API 和 jQuery 的使用： DOM API document document 是内置的全局变量，在 JavaScript 可以直接通过该关键字使用，使用时会获取到当前...jquery2 text() 会返回当前元素内的所有文本内容，包括子孙后代元素所包装的文本内容。

    6.8K40

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

    jquery.min.js：压缩版本，去除了注释、换行、空格、并且将一些变量替换成了a,b,c之类的简单字符，基本没有可读性，推荐在项目生产环境使用，因为文件较小，减少网络压力。...这里简单说一点： jQuery包装对象本身是一个伪数组，选择器返回的所有的DOM元素都会存在jQuery的包装对象中，并且还有很多其他的jQuery特有的api。...获取所有的div、p、li元素 交集选择器标签指定式选择器） $("div.redClass"); 注意选择器1和选择器2之间没有空格，class为redClass的div元素，注意区分后代选择器。...3.5 层级选择器 名称 用法 描述 子代选择器 $("ul>li"); 使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素 后代选择器 $("ul li"); 使用空格，代表后代选择器，获取...ul下的所有li元素，包括孙子等 3.6 过滤选择器 过滤选择器都带冒号 语法 用法 描述 :first $('li:first'); 获取第一个元素 :last $('li:last'); 获取最后个元素

    3.2K100

    jQuery学习笔记——jQuery基础

    // 使用“$” $(function () { }); // 使用“jQuery” jQuery(function () { }); jQuery对象的静态方法：创建jQuery对象的语法为...“(参数)”，调用静态方法的语法为“.方法名()”。...DOM对象和jQuery对象可以相互转换： jQuery对象转换为DOM对象的方法： 从jQuery对象中取出DOM对象，取出对象后就可以用DOM对象的方式来操作元素了。...名称 用法 描述 id选择器 $("#id") 获取指定id的元素 全选择器 $("*") 匹配所有元素，*为正则表达式 类选择器 $(".class") Index页面的结构文件获取同一类clas的元素...名称 用法 描述 子代选择器 $("ul > li") 获取子级元素 后代选择器 $("ul li") 获取后代元素 3、筛选选择器 筛选选择器用来筛选元素，通常和别的选择器搭配使用。

    15.5K10

    【领会要领】web前端-轻量级框架应用（jQuery基础）

    file 作者 | Jeskson 来源 | 达达前端小酒馆 jquery的安装和语法，jquery的多种选择器，dom操作和jquery事件。...jQuery框架，简介，优势，安装，语法，jQuery选择器，id选择器，类选择器，标记选择器，属性选择器，位置选择器，后代选择器，子代选择器，选择器对象，选择器对象遍历，页面初始化，jQuery的dom..."div:first") 匹配所有div中第一个div元素 后代选择器 $("ancestor descendant") 匹配给定的祖先元素的所有后代元素 $("#ul li") 匹配 id 为null...dom是一种与浏览器，平台，语言无关的接口，jquery中的dom操作就是对HTML中的元素进行操作。...dom中删除被选元素以及子元素，就是如果某个元素被删除了，那么它的后代元素也都被删除。

    3K20

    jquery

    一个约定，我们在声明一个jQuery对象变量的时候在变量名前面加上$： var $variable = jQuery对像 var variable = DOM对象 $variable[0]//jQuery...// DOM对象使用DOM的方法 jQuery基础语法 $(selector).action() 查找标签 基本选择器 id选择器： $("#id") 标签选择器： $("tagName") class...由于回调函数是在当前DOM元素为上下文的语境中触发的，所以关键字 this 总是指向这个元素。...终止each循环 return false； 伏笔... .data() 在匹配的元素集合中的所有元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值。...$("div").data("k",100);//给所有div标签都保存一个名为k，值为100 .data(key): 描述: 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值—通过 .data

    6.7K30

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

    前言 这套jQuery教程是老马专门为寒门子弟而录制，希望大家看到后能转发给更多的寒门子弟。...这里简单说一点： jQuery包装对象本身是一个伪数组，选择器返回的所有的DOM元素都会存在jQuery的包装对象中，并且还有很多其他的jQuery特有的api。...获取所有的div、p、li元素 交集选择器标签指定式选择器） $("div.redClass"); 注意选择器1和选择器2之间没有空格，class为redClass的div元素，注意区分后代选择器。...3.5 层级选择器 名称 用法 描述 子代选择器 $("ul>li"); 使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素 后代选择器 $("ul li"); 使用空格，代表后代选择器，获取...ul下的所有li元素，包括孙子等 3.6 过滤选择器 过滤选择器都带冒号 语法 用法 描述 :first $('li:first'); 获取第一个元素 :last $('li:last'); 获取最后个元素

    3K00

    riot.js教程【三】访问DOM元素、使用jquery、mount输入参数、riotjs标签的生命周期

    前文回顾 riot.js教程【二】组件撰写准则、预处理器、标签样式和装配方法； riot.js教程【一】简介； 访问DOM元素 你可以通过this.refs对象访问dom元素 而且还有大量的属性简写方式可以使用...，（有时候你需要对这些东西做一些特殊的处理才能用） 使用Jquery 如果你想在riot标签内部访问dom元素 你可能需要了解一下riot标签生命周期相关的知识 你会注意到，mount方法还没执行的时候...，dom元素是不会被创建的 这就意味着，mount方法之前访问DOM元素，是不会成功的 请看如下代码： Do I even Exist?...jquery是一点问题都没有的； 再看下面的代码（两种检索方式都是支持的，第一种就是jquery检索DOM） Do I even Exist...当一个Tag内的事件被触发的时候（除非你设置了禁止更新变量e.preventUpdate为true） 当在Tag实例内部调用this.update()的时候 当在一个父组件实例内部调用this.update

    2.1K70

    高质量jQuery代码的十二条经验

    选择器 高效正确的使用jQuery选择器是熟练使用jQuery的基础，而掌握jQuery选择器需要一定的时间积累，我们开始学习jQuery时就应该注意选择器的使用。...在整个DOM中查找class为home的a元素，性能可想而知。...方法2，为要查找的元素添加了上下文，在这里变为查找id为nav的子元素，查找性能得到了很大提升。 方法3，使用了find方法，它的速度更快，所以方法三最好。....} // 建议 if(collection.length){..} 2.6、为选择器指定上下文 默认情况下，当把一个选择器传递给jQuery时，它将遍历整个DOM，jQuery方法还具有一个未充分利用的参数...4.1、避免全局变量 jQuery与javascript一样，一般来说,最好确保你的变量在函数作用域内。

    1.5K40
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券