Python 前端开发之jQuery绑定事件及操作标签

// 在匹配的元素之后插入内容  兄弟元素.after(要插入的兄弟元素)； 要插入的兄弟元素.inserAfter(兄弟元素)； $('ul').after('

我是一个h3标题

我是一个h2标题

// 在匹配的元素之前插入内容 兄弟元素.before(要插入的兄弟元素)； 要插入的兄弟元素.inserBefore(兄弟元素)；  //示例 $('ul').before('

我是一个h3标题

我是一个h2标题

//删除节点后，事件也会删除（简言之，删除了整个标签） $(selector).remove();  // 删除节点后，事件会保留 $(selector).detach();  // 清空选中元素中的所有后代节点 $(selector).empty();

// remove $('ul').remove(); // detach var $btn = $('button').detach() $('ul').append($btn) //此时按钮能追加到ul中 //empty $('ul').empty() //清空掉ul中的子元素，保留ul

// selector被替换：将所有匹配的元素替换成指定的string、js对象、jquery对象。 $(selector).replaceWith(content); // selector被替换：将所有的匹配的元素替换成p标签。 $('

哈哈哈

// replaceWith  $('h5').replaceWith('hello world') //将所有的h5标题替换为a标签 $('h5').replaceWith($('#app')); //将所有h5标题标签替换成id为app的dom元素 // replaceAll $('

// 克隆匹配的DOM元素 $(选择器).clone();

$('button').click(function() {      // 1.clone()：克隆匹配的DOM元素     // 2.clone(true)：元素以及其所有的事件处理并且选中这些克隆的副本(简言之，副本具有与真身一样的事件处理能力)     $(this).clone(true).insertAfter(this); })

3、属性操作

//获取值：attr()设置一个属性值的时候 只是获取值 $('div').attr('id') $('div').attr('class') //设置值 $('div').attr('class','box') //设置一个值 $('div').attr({name:'hahaha',class:'happy'}) //设置多个值

//删除单个属性 $('#box').removeAttr('name'); $('#box').removeAttr('class'); //删除多个属性 $('#box').removeAttr('name class');

// 查看属性 $(selector).prop(property) // 设置属性 $(selector).prop(property,value) // 设置多个属性 $(selector).prop({property:value, property:value,...})

$('input').attr('checked') "checked" $('input').prop('checked') true $('input').prop('cheched',false)  //设置取消选中

表格全选、反选示例：

          全选 反选 取消                  #         姓名         爱好                                     金老板         开车                            alex         抽烟、喝酒、烫头                            苑昊（苑局）         不洗头、不翻车、不要脸          

实际示例：

                       .active{             color: red;         }           

         
• 张三
         
• 李四
         
• 王五