December_shi的博客

实现效果： style样式 <style type="text/css"> table { width: 50%; text-align: center; border: 1px solid #000; margin: 0 auto; border-collapse: collapse; margin-top: 20px; } th, td { border: 1px solid #000; padding: 20px; } </style&

DOM增删语法 1.append $("#box").append("\<p>我是尾部追加的元素\<p>"); // #box子元素同级尾部 2.prepend $("#box").prepend("\<p>我是头部追加的元素\</p> "); // #box子元素同级头部 3.after $("#box").after("\<h2>我是外部末尾添加的元素\</h2>"); // #box同级尾部 4.before

用jQuery实现点击添加能够在表格下面添加一行选项，点击GET能够删除当前行。 CSS代码： <style type="text/css"> *{ margin: 0; padding: 0; } div{ margin: 0 auto; width: 300px; } table{ text-align: center; width: 300px; } #btn{ width: 100px

总结一、$和JQuery的关系二、入口函数的两种写法三、jquery的多种选择器四、jquery的css设置语法五、jquery的内容和属性设置的多种语法六、DOM节点的关系和增加、删除节点DOM节点DOM增删语法七、定时器和清除定时器八、jquery动画自定义动画 一、$和JQuery的关系 $和JQuery的含义是一样的 二、入口函数的两种写法 写法一 $(document).ready(function (){ console.log("抗击疫情，武汉加油，中国加油"); }); 写法二.