- append() - 在被选元素的结尾插入内容
- prepend() - 在被选元素的开头插入内容
- after() - 在被选元素之后插入内容
- before() - 在被选元素之前插入内容
在 jQuery 中，CSS 类名操作共有以下 3 种。
- 添加 class。
- 删除 class。
- 查询 class。
$().addClass("类名")--添加
$().removeClass("类名")--删除
$().hasClass("类名")--查询
练习：有一个div，鼠标移入，边框变红，div中有文字，点击这个div，让div中的文字显示在input框内
<style> .divClass{ border: 1px solid red; } </style>
<div style="width: 100px;height: 100px;background-color: silver;">我爱学习 学习让我自由</div>
<input type="text">
<script src="./jquery-1.12.4.js"></script>
<script>
$('div').hover(function(){
$(this).toggleClass('divClass')
})
$('div').click(function(){
let t = $('div').text();
$('input').val(t);
})
</script>
$('div').hover(function(){
$(this).toggleClass('divClass')
})
$('div').click(function(){
let t = $('div').text();
$('input').val(t);
})
</script>
