1.使用jqury进行dom操作

(1).新建节点 使用$()包住即可返回值是jquery对象

var $liNode=$("<li></li>")

(2).把节点插入到文档中的8个方法

1.append,appendTo    这两个方法是插入到文档的末尾,注意append的左边是要被插入的对象,其他的同理可知

2.pretend,pretendTo  插入到文档的头

3.insertAfter,after   插入到文档的后面

4.insertBefore,before  插入到文档的前面

(3).删除节点

a.remove();a被清除

(4)清空节点

a.empty();a被清空

(5)克隆节点

//在红警的下面game中克隆北京
$('#game li:first').after($('#a1').clone(true).attr("id","a2"));

(6)替换节点

//创建一个字节点替换游戏中的红警节点
$("<li>景德镇</li>").replaceAll($('#game li:first'));
$('#a1').replaceWith($("<li>景德镇</li>"))

注意:由于replaceAll和replaceWith的返回值不同建议优先使用replaceWith()方法

var $bj= $('#a1').clone();
//红警被北京替换掉
var $h=$('#h').replaceWith($bj);
//背静替换红警;

$('#a1').replaceWith($h);

(7).val() html().text(),attr(),width(),height()都具有读写的方法;

//得到某个节点的html()内容

alert($('#city').html())

设置某个节点的html()内容

val()方法我不知道的

可以设置单选下拉列表的值

$('单选框').val("选择1");

设置多选下拉列表的值val()的参数必须是数组

$('#multiple').val(["选择1","选择2"]);

注意:设置单选按钮val()的参数也一定要是数组

$(':radio').val(["单选1"]);

2.技术点之外

input text  val()才能得到文本值而text()不能得到

(1)defaultValue这是一个dom属性,可以读取表单的默认值

(2)val()radio设置也要使用数组

(3)jquery可以实现方法的连缀。因为他调用后返回的还是他本身

(4)find()查找子节点,返回的是子节点jquery对象

1.处理的问题就是getParameter()乱码的问题
问题原因:text-workspace的编码方式不同,网页进行传输是iso-8859-1
解决方式.:设置统一的编码方式
1.点击项目邮件最下角有一个properties里设置utf-8
2.点击window-prefenences-general-content Type-text设置同意的编码格式
2.jquery的添加html文本时
不能进行直接
$('ul').append("<li>")
.append("<div></div>")
.append("<div></div>")
.append("<div></div>")
.append("</li>");
他这样添加的是这样的代码
<li><li>
<div></div>
<div></div>

所以应该这样先定义<li></li>节点
var $li=$("<li></li>");
$li.append("<div></div>")
.append("<div></div>")
.append("<div></div>")
然后获取ul节点进行添加
$(".ul").append($li);

转载于:https://www.cnblogs.com/fupengpeng/p/6692912.html

jquery 进行dom操作相关推荐

  1. 03-老马jQuery教程-DOM操作(上)

    jQuery DOM操作 在没有jQuery之前,DOM的操作相对来说有点麻烦,尤其是DOM节点的搜索.目前我们已经学习了jQuery的选择器,接下带大家一块学习jQuery的DOM操作,jQuery ...

  2. jQuery的DOM操作

    jQuery的DOM操作 前期:http://blog.csdn.net/goodshot/article/details/20202019 1 , 创建元素节点 传统的javascript方法,创建 ...

  3. jQuery 之 [ DOM操作 ]

    jQuery的DOM操作 查找节点 元素节点 可以通过jQuery选择器来查找元素节点 属性节点 通过attr()方法来获取指定元素节点的属性节点 文本节点 通过text()方法来获取指定元素节点的文 ...

  4. jquery的dom操作之创建节点

    1.创建元素节点 创建元素节点就是使用jquery创建纯净的html元素.比如下面 <!doctype html> <html lang="en"> < ...

  5. jquery的Dom操作查找节点

    1.查找元素节点 使用之前的jquery的各种选择器按照语法:"$(选择器)"来定位到文档中的元素,我们定位后得到的是一个jquery对象.我们可以使用juery提供的方法来操作我 ...

  6. day05【JQuery框架】HTML引入Jquery、jQuery与JS区别、基本选择器、层级关系选择器、属性选择器、过滤选择器、 对象遍历、Jquery的DOM操作【重点】、Jquery事件绑定

    回顾 1. bom对象window对象三种弹框alert()confirm()prompt()二种定时器一次性:setTimout() --- 通过递归实现循环性循环性:setInterval()lo ...

  7. JQuery:DOM操作

    文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口.DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构. DO ...

  8. 2017-6-3 jQuery 事件 DOM操作

    1. jQuery 事件: ////hover:相当于相当于把mouseover()mouseout()合二为一//$("#div1").hover(function ()//{/ ...

  9. jQuery中DOM操作

    1.DOM操作的分类 DOM操作一般分为3个方面,即DOM Core.HTML-DOM和CSS-DOM. 2.查找节点 2.1查找元素节点 获取元素节点并打印它的文本内容 var $li = $(&q ...

最新文章

  1. 用Js的eval解析JSON中的注意点
  2. 登录form php一个页面跳转页面,Extjs4中表单登录功能、登录成功跳转页面的代码...
  3. mysql变量string_mysql sql语句有变量 time_t变量转换为string
  4. cups共享linux打印机_linux入门-映射网络驱动器
  5. 腾讯社交广告转化率预估初探
  6. iPad协议 一键转发 群发消息 获取群二维码 清理僵尸粉V:viplac
  7. 乱下东西导致挖矿病毒Trojan,CoinMiner的解决记录
  8. 软件开发中需求分析的过程、层次、阶段、重点都在这里
  9. 软件后台《积分制 / 绩效考核表》管理制度
  10. 常见l298n电机驱动的使用方法,简单粗暴,不讲废话。
  11. 开发一个类似于 xxx 的应用有多难?
  12. 1987:【20CSPS提高组】括号树P5658 [CSP-S2019] 括号树
  13. RecyclerView实现条目拖拽,左滑、右滑移除效果
  14. python代替mathematica_Mathematica 比起 Python 如今还有什么优势?
  15. 618家用投影仪推荐!当贝投影F3成大众首选!
  16. CentOS 搭建 Vsftpd 服务,一次性成功,收藏了!
  17. 历数国内外知名制作人~~制作人发展趋势
  18. element tab选项卡标签样式
  19. ppt文件怎么转成pdf
  20. DV、LS路由算法Java编程实现

热门文章

  1. python三引号 内部变量_python在三引号中使用变量
  2. JZOJ 5186. 【NOIP2017提高组模拟6.30】tty's home
  3. linux opengl 实例,一篇文章入门Ubuntu的OpenGL开发
  4. webstorm怎么跑项目_怎么跑Mint-UI的实例,你知道吗?
  5. 三相逆变器双pi控制器参数如何调节_Boost 变换器 PI参数设计举例
  6. 树莓派nginx无法安装mysql_树莓派上安装nginx
  7. 他人评审18篇SCI文章的一点感受
  8. Java初学者习题20道(转)
  9. Codeforces 1188E Problem from Red Panda (计数)
  10. 【学习笔记】一些常用的数学公式