一、jquery清空div内容
清空一个div的内容是我们在使用jquery经常会遇到的需求，下面将通过代码示例来演示如何使用jquery来清空div的内容。
$('div').html('');
以上代码实现了清空了所有div的内容，但是这样的实现方式不太理想，会将div中的所有元素从DOM移除导致重新渲染，在元素数量较多时性能明显下降。
如果想要更好的实现方式，可以使用empty方法
$('div').empty();
以上代码实现了清空指定div的内容，同时会将绑定在子元素上的事件一并清除，比直接使用html()方式性能好，建议尽量使用empty()方法。
二、jquery添加div元素及内容
jquery不仅可以清除div的内容，还可以通过添加其他内容或者改变内容实现更丰富的页面交互效果。
1. jquery动态添加div:
以下代码演示了如何使用jquery动态添加一个div元素到body中：
$('body').append('<div id="newDiv"></div>');
以上代码添加了一个新的div元素到body中。
2. jquery给div赋值:
以下代码演示了如何使用jquery给指定的div元素赋值：
$('#newDiv').html('新添加的div元素');
以上代码给刚添加的#newDiv元素赋值，并将字符串‘新添加的div元素’显示在页面上。
3. jquery修改div内容:
以下代码演示了如何使用jquery修改div元素的内容：
$('#newDiv').append('<p>新添加的p元素</p>');
以上代码将一个新的p元素追加到#newDiv元素中，并将字符串‘新添加的p元素’显示在新的p元素中。
4. jquery给div添加内容:
以下代码演示了如何使用jquery给已有的div元素添加内容：
$('div').append('<p>追加的p元素</p>');
以上代码会在所有的div元素中追加一个新的p元素，并将字符串‘追加的p元素’显示在新的p元素中。
三、jquery局部刷新div
在开发中，为了避免页面过于臃肿，一般会采用局部刷新的方式来操作页面，以下代码演示了如何使用jquery局部刷新指定的div：
$('#div').load('/url');
以上代码将通过ajax请求刷新指定的div，/url为请求地址。
四、jquery获取div内容
下面将通过代码示例演示如何使用jquery获取div的内容。
1. jquery获取div内容:
以下代码演示了如何使用jquery获取div元素的html内容：
var content = $('div').html();
以上代码将获取所有的div元素的html内容并将其保存到content变量中。
2. jquery获取div文本内容:
以下代码演示了如何使用jquery获取div元素的文本内容：
var text = $('div').text();
以上代码将获取所有div元素的文本内容并将其保存到text变量中。
3. jquery获取div属性:
以下代码演示了如何使用jquery获取div元素的属性：
var attr = $('div').attr('id');
以上代码将获取所有div元素的id属性并将其保存到attr变量中。
五、其他操作
1. jquery隐藏div:
以下代码演示了如何使用jquery隐藏指定的div元素：
$('div').hide();
以上代码将隐藏所有的div元素，效果如css的display:none一样。
2. jquery获取div内容长度:
以下代码演示了如何使用jquery获取div元素的内容长度：
var length = $('div').text().length;
以上代码将获取所有的div元素文本内容的长度并将其保存到length变量中。
3. jquery清空div里面的内容:
以下代码演示了如何使用jquery清空指定div元素的内容：
$('div').empty();
以上代码清空了所有div元素的内容，同时会将绑定在子元素上的事件一并清除。
4. jquery获取div内容高度:
以下代码演示了如何使用jquery获取div元素的内容高度：
var height = $('div').height();
以上代码将获取所有的div元素的内容高度并将其保存到height变量中。
