jQuery:自学笔记(3)——操作DOM

修改元素的属性

  获取元素属性

    

  设置元素属性

    

修改元素的内容

  说明

    有三种方式可以获取HTML元素的内容,分别是
      ☐ text():设置或返回所选元素的文本内容。
      ☐ html():设置或返回所选元素的内容(包括html标记)。
      ☐ var():设置或返回表单字段的值。

  获取元素的内容

    

动态创建内容

  说明

    jQuery允许开发人员动态的为页面添加内容,类似于JavaScript中的CreateElement。
    jQuery创建元素使用的工厂函数$()实现:  

    $(html)

  实例

    

动态插入节点

    

动态删除节点

  说明

    jQuery提供了两种方式从DOM元素树上移除节点的方法:
    ☐ remove():用来删除指定的DOM元素,它会将节点从DOM元素树中移除,但是会返回一个指向DOM元素的引用,因此它并不是真正地将jQuery引用到的元素对象删除,而是通过这个引用继续来操作元素。
    ☐ empty():该方法也不会删除节点,只是清空节点的内容,DOM元素依然保持在DOM元素树中。

  实例

    

  

转载于:https://www.cnblogs.com/MrSaver/p/6347906.html

jQuery:自学笔记(3)——操作DOM相关推荐

  1. 5月24日上课笔记-js操作DOM

    解析properpties配置文件 类加载器 ResourceBundle 一.jquery操作DOM1.jquery操作csscss("","");css({ ...

  2. jQuery学习笔记之DOM操作、事件绑定(2)

    jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定 源码地址: https ...

  3. JavaScript程序库jQuery学习笔记分享(二)jQuery对象和DOM操作,和其他js库冲突处理

    今天我继续更新jQuery学习笔记,最近考试比较忙,也就更新的比较慢了,这里向大家说一声抱歉,嘻嘻. 让那不愉快的情绪过去吧,继续进行我们的jQuery之旅吧. 一:jQuery对象和DOM对象 1. ...

  4. jQuery 学习笔记一(认识jQuery jQuery选择器 jQuery中的DOM操作)

    第一章 认识jQuery jQuery代码风格 $(document).ready(function(){ //... }); 简化 $(function(){ //... }); jQuery对象转 ...

  5. jQuery学习笔记系列(一)——入口函数,jQuery对象和DOM对象,jQuery选择器、样式操作、效果(显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列)

    day01 - jQuery 学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点 能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别 能够写出常用的 ...

  6. jQuery 操作DOM总结,DOM Core操作,HTML-DOM操作和CSS-DOM操作

    jQuery创建元素节点或文本节点或属性节点.jQuery插入节点.jQuery删除节点.jQuery复制节点.jQuery替换节点.jQuery包裹节点.jQuery属性操作.jQuery样式操作. ...

  7. JavaWEB笔记13 jQuery介绍及常用操作

    JavaWEB笔记13 jQuery介绍及常用操作 文章目录 JavaWEB笔记13 jQuery介绍及常用操作 一.jQuery简介: 1.jQuery介绍: 2.jQuery书写风格: 二.jQu ...

  8. jQuery 操作 DOM

    为什么80%的码农都做不了架构师?>>>    操作 DOM 使用jquery 选择器得到节点的 jquery对象.使用  jquery对象可以操作dom! 修改Text和Html ...

  9. 原生JS和jQuery操作DOM的区别小结

    一.Js原生对象和jQuery实例对象的相互转化: (1).原生JS对象转JQ对象: $(DOM对象); (2). JQ对象转原生JS对象: $(DOM对象).get(index); //注意区分eq ...

  10. jQuery操作Dom、jQuery事件机制、jQuery补充部分

    jQuery操作Dom: 修改属性: //使用attr()方法 //attr(name, value) //name:要修改的属性的属性名 //value:对应的值 //attr方法,如果当前标签有要 ...

最新文章

  1. tomcat日志切割
  2. 如何实现Asp与Asp.Net共享Session
  3. zabbix 2.2 监控mysql_Zabbix-2.2.2监控MySQL的复制-阿里云开发者社区
  4. 【转】.NET NPOI操作Excel常用函数
  5. Web 仿 App 动画竟然引出了“性能杀手”
  6. 关于div的outline-offset属性和focus事件的接收
  7. python 文件分割 按大小_python处理分隔大文件
  8. .NET Core 2.1中的HttpClientFactory最佳实践
  9. [转]JS导出PDF
  10. delete hive_Hive高级调优
  11. python函数代码,这个python函数代码如何工作?
  12. [转]ISO镜像工具PowerISO和UltraISO制作ISO光盘镜像教程
  13. php序列化后换服务器不能解析,利用php序列化和反序列化的语法差异绕过防护_网站服务器运行维护...
  14. tomcat搭建之Jenkins环境
  15. JLink EDU v7.58 变砖修复
  16. Windows xp sp3 补丁下载-cuyahoga
  17. 中文手写输入法闪退问题
  18. 新品周刊 | 麦德龙中国推出800多款春节年货礼盒;瑞士莲推出两款软心巧克力礼盒...
  19. 电商后台管理系统-权限管理模块
  20. 深度学习和机器学习研究方向与框架介绍

热门文章

  1. 湖科大计算机科学与技术,湖南科技大学计算机科学与工程学院前来我院进行访问与交流...
  2. trunk端口_超全!华为交换机端口vlan详解~
  3. 5.Hbase API 操作开发
  4. 大学生就业新神器 网络电话“通”职场
  5. 【 马哥教育内部文档】-RPM制作指南
  6. WinXP/2000/2003下如何重装TCP/IP协议
  7. 电脑老是自动重启怎么回事??
  8. 路由器信息备份还原指南
  9. 衡量神经网络的三个指标,参数量,multi-add,flop计算力
  10. idea2017显示maven Project菜单