HTML元素可以为空内容吗,jquery验证元素内容是否为空？

jquery验证元素内容是否为空？下面本篇文章就来给大家介绍一下使用jquery判断元素内容是否为空的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

使用jquery判断元素内容是否为空、获取元素内容需要分两个情况：

input 用val()

使用val()方法获取元素内容，再通过if进行判断var value = $('#test').val();

是否为空的判断方法：if(value.length == 0){} 如果value为空执行的操作

if(value!=''){} 如果value不为空执行的操作

jQuery验证文本框内容不为空

通过$.fn 扩展jQuery方法/**

* 校验文本是否为空

* tips：提示信息

* 使用方法：$("#id").validate("提示文本");

* @itmyhome

*/

$.fn.validate = function(tips){

if($(this).val() == "" || $.trim($(this).val()).length == 0){

alert(tips + "不能为空！");

throw SyntaxError(); //如果验证不通过，则不执行后面

}

}

html元素用html()

使用html()方法获取元素内容，再通过if进行判断if (!$('#app').html()) {

alert('元素内容为空')

}

更多jQuery相关技术文章，请访问 jQuery答疑 栏目进行学习！！