博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[javascript]Dom操作笔记
阅读量:5261 次
发布时间:2019-06-14

本文共 1649 字,大约阅读时间需要 5 分钟。

1.为一个节点同时设置多个属性

$("div[aria-describedby='F53_batch_history']").attr({"display":"none","position":"absolute")//[div.ui-draggable.ui-resizable.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.wijmo-wijdialog]

2.同时取得一个节点的多个css值

$("div[aria-describedby='F53_batch_history']").css(["display","position"])//Object {display: "block", position: "absolute"}//Object=>JsonJSON.stringify($("div[aria-describedby='F53_batch_history']").css(["display","position"]))//"{"display":"block","position":"absolute"}"

3.为一个节点同时设置多个css

$("div[aria-describedby='F53_batch_history']").css({"display":"none","position":"absolute"})//[div.ui-draggable.ui-resizable.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.wijmo-wijdialog]

4.css()等方法可以传入回调函数赋值

$("div[aria-describedby='F53_batch_history']").css("display",function(nodeIndex, oldValue){
if (nodeIndex==0){
return "none"};})

5.切换toggle(),toggleClass()

toggle() :切换元素的可见状态。

如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。

toggleClass():切换class是否添加

如果class已经存在,则删除class,如果class不存在,则添加

6.unwrap(),wrapInner(),wrap(),wrapAll()

6.1unwrap():删除被选元素的父元素。

test

执行$(p).unwrap()后:

test

 

6.2wrapInner():在元素内容插入包裹元素;

test

执行$(p).wrapInner()后:

test

6.3wrap():在每个元素外插入包裹元素;

test

test2

执行$(p).wrap(<div></div>)后:

test

test2

6.4wrapAll():在所有元素外插入包裹元素;

test

test2

执行$(p).wrap(
)后:

test

test2

 

7.clone(includeEvents)

 clone() :复制元素

includeEvents:规定是否复制元素的所有事件处理,默认为false

转载于:https://www.cnblogs.com/vickylinj/p/7537877.html

你可能感兴趣的文章
数据清洗
查看>>
【读书笔记】C#高级编程 第三章 对象和类型
查看>>
针对sl的ICSharpCode.SharpZipLib,只保留zip,gzip的流压缩、解压缩功能
查看>>
【转】代码中特殊的注释技术——TODO、FIXME和XXX的用处
查看>>
【SVM】libsvm-python
查看>>
Jmeter接口压力测试,Java.net.BindException: Address already in use: connect
查看>>
Leetcode Balanced Binary Tree
查看>>
Leetcode 92. Reverse Linked List II
查看>>
九.python面向对象(双下方法内置方法)
查看>>
go:channel(未完)
查看>>
[JS]递归对象或数组
查看>>
LeetCode(17) - Letter Combinations of a Phone Number
查看>>
Linux查找命令对比(find、locate、whereis、which、type、grep)
查看>>
路由器外接硬盘做nas可行吗?
查看>>
python:从迭代器,到生成器,再到协程的示例代码
查看>>
Java多线程系列——原子类的实现(CAS算法)
查看>>
在Ubuntu下配置Apache多域名服务器
查看>>
多线程《三》进程与线程的区别
查看>>
linux sed命令
查看>>
html标签的嵌套规则
查看>>