jQuery实例方法-DOM操作(四)

最新推荐文章于 2024-07-05 14:21:58 发布

清水之昶

最新推荐文章于 2024-07-05 14:21:58 发布

阅读量98

点赞数

分类专栏： jQuery 文章标签： jQuery

本文链接：https://blog.csdn.net/wq199909/article/details/95980970

版权

jQuery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

.wrap .wrapInner .wrapAll .unwrap

// wrap
// $('.demo').wrap('<div class="wrapper"><div>');
// $('.demo').wrap( $('.box') );
// $('.demo').wrap(function(index){
//     return '<div class="wrapper' + index + '"><div>';
// })

// wrapInner
// $('.demo').wrapInner('<div/>')
// $('.demo').wrapInner(function(index){
//     return '<div class="wrapper' + index + '"><div>';
// })

// wrapAll
// $('.demo').wrapAll('<div/>');

// unwrap
// $('.unwrap').unwrap();

.clone .data

// clone
// 不填参数可以克隆属性，不可以克隆事件，传参true才可克隆事件
// $('.demo').clone(true).appendTo('body');

// data -> jQuery 操作data 操作dom -> view

// var studentArr = [
//     {
//         name: 'cst',
//         age: 18,
//         class: 3
//     },
//     {
//         name: 'cg',
//         age: 19,
//         class: 2
//     },
//     {
//         name: 'dg',
//         age: 18,
//         class: 1
//     }
// ];
// studentArr.forEach(function(ele, index){
//     var oCloneDom = $('.tp1').clone.removeClass('tp1');
//     oCloneDom
//         .find('td')
//             .eq(0)
//                 .text(ele.name)
//                     .next()
//                         .text(ele.age)
//                             .next()
//                                 .text(ele.class);
//     oCloneDom.appendTo('body');
// })

// data
// $('.demo').data({
//     name:'cst',
//     age: 18,
//     sex: true
// })
// 取值时可省略data-