jQuery操作DOM元素
来源:互联网 发布:汇编和c语言哪个快 编辑:程序博客网 时间:2024/06/05 11:44
1.attr() 控制元素属性
2. html(),text()控制元素内容,其中text()只是文本内容
3. addClass(),css()操作元素的样式
4.使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能
5.append()追加内容
6.appendTo()反追加
7.before(),after()元素前后插入内容
8.clone() 复制元素
9.
$(selector).replaceWith(content)---replaceWith用后面内容替换前面内容
$(content).replaceAll(selector)----replaceAll用前面内容替换后面内容
10.元素的包裹
$(selector).wrap(wrapper)包裹元素本身
例如:$(".red").wrap("<div></div>");即在.red外部包裹一层div
$(selector).wrapInner(wrapper)包裹元素中的内容
例如 $(".red").wrapInner("<i></i>");即给文本加上斜体
11.each()方法遍历元素
<span style="font-size:18px;"><strong> <script type="text/javascript"> $("span").each(function (index) { //index从0开始遍历,funtion为回调函数 if (index == 1) { $(this).attr("class", "red"); } }); </script></strong></span>
12.remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法则只删除所选元素的子元素。
<strong><body> <h3>使用empty()方法删除元素</h3> <span class="green">香蕉</span> <span class="green">桃子</span> <span class="green">葡萄</span> <span class="green">荔枝</span> <script type="text/javascript"> $("span").empty(); //把子元素删掉,在这里只是去掉文本,green的样式还在 //$("span").remove(); //整个元素删除了 </script> </body></strong>
0 0
- JQuery DOM元素操作
- jquery 操作dom元素
- jQuery操作DOM元素
- JQuery操作DOM元素
- jQuery 操作DOM元素
- jQuery操作DOM元素
- jQuery操作DOM元素
- jQuery操作DOM元素
- jQuery操作DOM元素
- jQuery操作DOM元素
- jQuery 操作DOM元素
- jquery对DOM元素操作
- jQuery操作得到DOM元素
- jquery的DOM元素操作
- jQuery记录--操作DOM元素.
- jQuery之操作DOM元素
- 10014---jQuery--jQuery DOM 操作-添加元素
- 10015---jQuery--jQuery DOM 操作-删除元素
- Android Handler Message 在使用多个Handler时,接收不到消息的处理办法
- c++第5次实验
- N个字符串全排列
- 提高篇项目2——求解分段函数的值
- BSCMAKE: error BK1513 : nonincremental update requires all .SBR files
- jQuery操作DOM元素
- CS231n - CNN for Visual Recognition Assignment1 ---- SVM
- 关联账户 第六届蓝桥杯大赛个人赛决赛(C语言B组)第三题
- JDBC查询指定条件的数据
- NYOJ 116 士兵杀敌(二) 树状数组 插点问线
- 210 - Concurrency Simulator
- spring的spring-config中常用的基础知识
- C# 单例模式实现实例产生一个窗体对象
- HTTP协议详解