jquery使用总结
2024-09-27 23:23:46
jquery使用总结-常用DOM操作
(1)查询或设置元素属性操作
html() //获取匹配元素集合中的第1个元素
html(htmlString) //为匹配集合中的所有元素设置内容
text() //返回所有匹配元素集的文本内容组合起来的文本
text(textString)//设置文本值
val() //返回第1个匹配元素的值
val(value)//设置值
attr(attributeName)//获取属性值
attr(attributeName, value)//设置属性值
(2)插入操作
将content添加到seletor内部的最后面。
$(selector).append(content);
$(selector).append(function(index [,html]){...});
$(content).appendTo(selector);
将content添加到seletor内部的最前面尾部。
$(selector).prepend(content);
$(selector).prepend(function(index [,html]){...});
$(content).prependTo(selector);
插入后的节点与原节点是兄弟关系。
$(selector).after(content);
$(selector).after(function(index [,html]){...});
$(content).insertAfter(selector);
$(selector).before(content);
$(selector).before(function(index [,html]){...});
$(content).insertBefore(selector);
(3)删除操作
$(selector).remove([selector])
$(selector).detach([selector])
$(selector).empty()
remove 方法和 detach 方法的返回值均为被删除的jQuery节点对象,不同的是,前者指保留该对象节点本身,其他绑定的事件及附加的数据等都会被移除。而后者全部保留。empty 方法则是将指定节点的所有子节点删除,本身保留。
(4)赋值替换操作
$(selector).clone([true]);带true参数则复制出来的节点具备原节点所绑定的事件处理程序。
$(content).replaceAll(selector);
$(selector).repalceWith(content);
这两种方法在使用时效果完全相同,都是用 content 代替 selector.
最新文章
- mybatis, spring, springmvc
- 【XLL API 函数】xlfUnregister (Form 1)
- svn 默认忽略静态库 .a文件解决办法
- jqgrid在colModel中多次调用同一个字段值
- js常用正则表达式2
- A9系统时钟用外部
- C#使用Json
- 揪出“凶手”——实战WinDbg分析电脑蓝屏原因
- Implement Hash Map Using Primitive Types
- [置顶] Bug 11775332 - cluvfy fails with PRVF-5636 with DNS response timeout error [ID 11775332.8]
- js根据时间戳倒计时
- Dubbo(二) 认识Zookeeper
- Android P专区免费开放 -- 同样的Android,不同的体验
- Android服务器——使用TomCat实现软件的版本检测,升级,以及下载更新进度!
- 微信小程序 组件通信相关知识整理
- Philosopher’s Walk(递归)
- 自己动手为Spark 2.x添加ALTER TABLE ADD COLUMNS语法支持
- python将字符串类型改成日期类型
- [日常工作] Inspur 服务器安装ESXi的简单过程
- 并发编程之 Condition 源码分析