1. html()方法: 此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的html内容. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script src="jQ…
1 定义:jquery中对DOM的操作就是对DOM元素进行增删查改操作 2 分类:      1)DOM Core(核心):用途广泛 支持多种编程语言 2)HTML DOM:代码简短 只用于处理web文档 3)CSS DOM:对样式的操作                   作用:用于获取和设置style对裂的各种属性 使网页呈现不同效果 3 DOM操作 1)节点操作 a)查找节点: 查节点:利用jquery选择器                    例:$("ul li:eq(2)"…
设置和获取HTML 文本 和 值 1.html()方法 类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容 例子 <html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/jquery-2.1.1.min.js"></script> </head…
DOM(Document Object Model-文档对象模型):一种与浏览器, 平台, 语言无关的规则, 使用该接口可以轻松地访问页面中所有的标准组件DOM操作的分类 核心-DOM: DOM Core 并不专属于 JavaScript, 任何一种支持 DOM 的程序设计语言都可以使用它. 它的用途并非仅限于处理网页, 也可以用来处理任何一种是用标记语言编写出来的文档, 例如: XML HTML-DOM:使用 JavaScript 和 DOM 为 HTML 文件编写脚本时, 有许多专属于 HT…
一.  DOM 分为DOM核心,HTML-DOM和CSS-DOM 1.DOM核心 不专属与javascript. 获取对象:document.getElementsByTagName('div') 获取属性:elem.getAtrribute('title') 2.html-DOM document.div elem.src 3.CSS-DOM elem.style.color='red'   二. jQuery的DOM操作 1.查找节点 (1)元素节点 1 2 alert($('ul li:e…
3.1 JQuery的Dom操作     1.使用html()方法读取或者设置元素的innerHTML    2.使用text()方法读取或者设置元素的innerText     3.使用attr()方法读取或者设置元素的属性    4.使用 removeAttr 删除属性    案例:图片浏览器 3.2 节点遍历    1.next()方法用于获取节点之后的挨着的第一个同辈元素     2.prev.prevAll兄弟中之前的元素.     3.siblings()方法用于获取所有同辈元素  …
jQuery的基本操作 (1)遍历键值对和数组 , , , , , ]; $.map(arr, function (ele, index) { alert(ele + '===' + index); //第一个参数是数组里面的值,第二个参数是索引 }) //=========================================// , "gender": "男" }; for (var key in keyWord) { alert(key + '===…
jQuery DOM操作 在没有jQuery之前,DOM的操作相对来说有点麻烦,尤其是DOM节点的搜索.目前我们已经学习了jQuery的选择器,接下带大家一块学习jQuery的DOM操作,jQuery对DOM操作的封装让我们前端开发工作非常简便.简洁.兼容性好.比如:属性操作统一化:直接attr方法既可以设置属性也可以读取属性. 1.jQuery操作DOM的属性 1.1 读取属性值 在DOM时代,我们可以通过DOM.getAttribute('attNamn')获取DOM的属性节点.可以通过DO…
jQuery针对DOM操作的插入的方法有大概10种 append.prepend.before.after.replaceWith appendTo.prependTo.insertBefore.insertAfter.replaceAll 分2组,上下对照,实现同样的功能.主要的不同是语法——特别是内容和目标的位置 依赖的domManip,buildFragment模块在之前就分析过了 在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点 对于 .after(), 选择表达式在函…
案例一:下拉列表左右选择 <body> <div> <select style="width:60px" multiple size="10" id="leftID"> <option>选项A</option> <option>选项B</option> <option>选项C</option> <option>选项D</o…