应用jquery创建节点
来源:互联网 发布:c 逆波兰算法 编辑:程序博客网 时间:2024/05/21 06:12
1.创建节点
2.插入节点
//创建节点
/**
$(function(){
var box=$('<div id="box"></div>');
$('body').append(box);
})
*/
//在创建的节点中插入内容
/**
$(function(){
var box=$('<div id="box">新的内容</div>');
$('body').append(box);
})
*/
//使用匿名函数创建节点并插入内容
/**
$(function(){
$('div').append(function(index,html){//index是要插入节点的索引,html是节点内容
return '<strong>新的内容</strong>'+html;
})
})
*/
//移动已存在的内容
/**
$(function(){
$('strong').appendTo('div');//strong标签移动到div标签里面
})
*/
//添加当前内容的前面
/**
$(function(){
// $('div').prepend('<strong>添加到前面的内容</strong>');//直接添加到div内容的前面
// $('div').prepend(function(){//利用匿名函数添加到div内容的前面
// return '<strong>添加到前面的内容</strong>';
// })
$('div').prepend(function(index,html){//index是要插入节点的索引,html是节点内容
return '<strong>添加的内容</strong>'+html;
})
})
*/
//将已有的标签添加到指定标签的里面,并且事插到前面
/**
$(function(){
$('strong').prependTo('div');//将div区块外的strong标签插到div里面,并且是div内部的前面
})
*/
//在后面添加兄弟节点
/**
$(function(){
//$('div').after('<strong>添加的兄弟节点</strong>');//在div区块的后面直接添加strong兄弟节点
$('div').after(function(){
return '<strong>添加的兄弟节点</strong>';//调用匿名函数在div区块后面添加strong兄弟节点
})
})
*/
//zai前面添加兄弟节点
/**
$(function(){
//$('div').before('<p>添加的段落</p>');//在div区块前面直接添加一个p标签
$('div').before(function(index,html){//调用匿名函数在div前面添加p标签
return '<p>添加的p标签</p>';
});
})
*/
//兄弟节点前后调整
/**
$(function(){
$('strong').insertAfter('div');//把strong调整到div兄弟节点的后面
$('div').insertBefore('strong');//把div调整到strong兄弟节点的前面
})
*/
2.插入节点
//创建节点
/**
$(function(){
var box=$('<div id="box"></div>');
$('body').append(box);
})
*/
//在创建的节点中插入内容
/**
$(function(){
var box=$('<div id="box">新的内容</div>');
$('body').append(box);
})
*/
//使用匿名函数创建节点并插入内容
/**
$(function(){
$('div').append(function(index,html){//index是要插入节点的索引,html是节点内容
return '<strong>新的内容</strong>'+html;
})
})
*/
//移动已存在的内容
/**
$(function(){
$('strong').appendTo('div');//strong标签移动到div标签里面
})
*/
//添加当前内容的前面
/**
$(function(){
// $('div').prepend('<strong>添加到前面的内容</strong>');//直接添加到div内容的前面
// $('div').prepend(function(){//利用匿名函数添加到div内容的前面
// return '<strong>添加到前面的内容</strong>';
// })
$('div').prepend(function(index,html){//index是要插入节点的索引,html是节点内容
return '<strong>添加的内容</strong>'+html;
})
})
*/
//将已有的标签添加到指定标签的里面,并且事插到前面
/**
$(function(){
$('strong').prependTo('div');//将div区块外的strong标签插到div里面,并且是div内部的前面
})
*/
//在后面添加兄弟节点
/**
$(function(){
//$('div').after('<strong>添加的兄弟节点</strong>');//在div区块的后面直接添加strong兄弟节点
$('div').after(function(){
return '<strong>添加的兄弟节点</strong>';//调用匿名函数在div区块后面添加strong兄弟节点
})
})
*/
//zai前面添加兄弟节点
/**
$(function(){
//$('div').before('<p>添加的段落</p>');//在div区块前面直接添加一个p标签
$('div').before(function(index,html){//调用匿名函数在div前面添加p标签
return '<p>添加的p标签</p>';
});
})
*/
//兄弟节点前后调整
/**
$(function(){
$('strong').insertAfter('div');//把strong调整到div兄弟节点的后面
$('div').insertBefore('strong');//把div调整到strong兄弟节点的前面
})
*/
阅读全文
0 0
- 应用jquery创建节点
- jQuery创建属性节点
- JQuery 创建节点
- jQuery创建,删除节点
- jquery 创建节点
- jQuery创建节点
- 应用jquery节点操作
- 创建节点的应用
- jquery DOM创建节点及节点属性
- JQuery 创建节点的办法
- jQuery(3-3)创建节点
- jQuery动态创建节点元素
- jquery和js创建节点
- jquery动态创建dom节点
- jQuery-DOM节点的创建
- jquery DOM操作_创建节点
- JavaScript及jQuery选择器 + DOM创建节点
- jQuery创建节点和插入节
- 移动端陀螺仪功能检测方法
- hdu 2444 二分黑白染色法+最大匹配数
- box-shadow和text-shadow两者比较
- laravel 验证规则之编辑
- 字符串处理(3)常用构造函数
- 应用jquery创建节点
- 百兆工业级网络变压器FC1088CNLE在采集器,集中器,GPRS模块中的使用。
- F
- CRF++使用
- 传智播客-Java学习笔记day11
- Spring 中sessionFactory的几种配置方式
- 风靡全网的H5究竟是什么?
- Radar
- 散列