jQuery操作DOM
1.设置元素的属性
attr({key0:value0,key1:value1}) 设置多个属性
attr(key, function(index)) 通过该函数返回的值作为元素的属性值
html()仅支持xhtml的文档,不支持xml文章。text()则都支持。
val().join(“,”)获取select 标记中的多个选项值
val(array) 例如$(“:radio”).val([“radio2”,”radio3”]) ID号为radio2和3的单选框被选中
2.元素样式操作
AddClass(class0 class1 …)增加css
toggleClass(class) 动态CSS切换功能.当元素中含有名称为class的css类别时,删除该类别,否则增加一个该名称的CSS类别。
3.创建节点元素
Var $div = $(“<div>text</div>”);
$(“body”).append($div);
4.插入节点
1)内部插入节点
Append(content) 向所选择的元素内部插入内容
Append(function(index,html))
appendTo(content) 把所选择的元素追加到另一个指定的元素集合中
prepend(content),prepend(function(index,html))向每个所选择的元素内部前置内容
prependTo(content)
2)外部插入节点
After(content),after(function) 向所选择的元素外部后面插入内容
Before(content),before(function)向所选择的元素外部前面插入内容
InsertAfter(content),insertBefore(content)将所选择的元素插入到另一个指定元素外部的后面后者前面
5.复制节点
Clone()复制元素,复制后的新元素不具有任何元素行为
Clone(true)复制后新元素具有所有的事件
6.替换节点
ReplaceWith(content)将元素替换成指定的HTML或者DOM元素
ReplaceAll(selector)将所有选择的元素替换成指定selector的元素
$(“<span>test</span>”).replaceAll(“#span1”);
7.包裹节点
Wrap(html)把所有选择的元素用其他字符串代码包裹起来
Wrap(elem),wrap(fn)
Unwrap()移除所选元素的父元素或包裹标记
WrapAll(html)把所有的元素用单个元素包裹起来
WrapAll(elem),wrapAll(elem)
wrapInner(html),wrapInner(elem),wrapInner(fn)把所有选择的元素的子内容包裹起来
8.遍历元素
$(“img”).each(function(index) { this.title = index + this.alt })
9.删除元素
Remove([expr])删除jquey表达式匹配的元素,也可以为空。
Empry()清空所选择的页面元素或所有的后代元素
分享到:
相关推荐
jQuery操作DOM解析
Ch08-jQuery操作DOM核心笔记.txtCh08-jQuery操作DOM核心笔记.txt Ch08-jQuery操作DOM核心笔记.txtCh08-jQuery操作DOM核心笔记.txt Ch08-jQuery操作DOM核心笔记.txt
Jsoup HTML解析器For Java 在Java程序中使用JQuery操作DOM 模式识别的新技术 狂顶
JQuery DoM和ajax 操作大全源码
《jQuery权威指南》学习笔记之第3章 jQuery操作DOM
不要分! Jquery 炒作Dom 请亲们收藏!
利用面向对象 管理者模式思想 结合jquery 操作DOM树制作的植物大战僵尸
该文档包含了样式操作,内容及Value属性值操作,节点操作,节点属性操作,节点遍历操作的基础知识,也许不够详细,但内容也应该足够平时操作了,希望能帮到大家
本文实例讲述了jQuery操作DOM之获取表单控件的值。分享给大家供大家参考。具体分析如下: HTML属性与DOM属性差别最大的地方,恐怕就要数表单控件的值了。比如,文本输人框的 value属性在DOM中的属性叫defaultValue,...
主要给大家介绍了原生JS和jQuery操作DOM的一些对比总结,文中总结了很多的对比,相信对大家的学习或者工作能带来一定的帮助,需要的朋友可以参考借鉴,下面来一起看看吧。
jQuery 一个非常流行的操作Dom的 JavaScript 库
jquery 操作DOM的基本用法分享,使用jquery的朋友可以参考下,方便以后对dom操作
主要介绍了jQuery操作DOM,下面的DOM操作将围绕上面的DOM树进行学习JQueryDOM操作,有兴趣的可以了解一下
jQuery选择器 jQuery操作DOM jQuery事件处理 jQuery动画基础
本文主要介绍了使用jQuery操作DOM的方法,具有很好的参考价值,下面跟着小编一起来看下吧
Dom是Document Object Model的缩写,意思是文档...DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件,本文给大家介绍jQuery随手笔记之常用的jQuery操作DOM事件,需要的朋友参考下
jquery 操作DOM案例,实现图片的显示,需要的朋友可以参考下
jQuery DOM节点操作源码,适合初学者哦,可以下载下来作为参考资料的。
jQuery操作DOM节点、数组和字符串 jQuery表单验证 jQuery事件处理 jQuery页面导航(这部分内容较少,增加了几个纯CSS实现) jQuery视觉特效(这部分内容最丰富)。 每个实例都有简洁的注释,基本上原书的精髓都汇聚...