用jquery获取元素内容需要分两个情况:

input 用val();

var value = $('#test').val();

是否为空的判断方法:

if(value.length == 0){} 如果value为空执行的操作

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

jQuery验证文本框内容不为空

通过$.fn 扩展jQuery方法

1

2

3

4

5

6

7

8

9

10

11

12

13

/**

 * 校验文本是否为空

 * tips:提示信息

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

 * @itmyhome

 */

$.fn.validate = function(tips){

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

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

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

  }

}

html元素用html();

var value = $('#test').html();

是否为空的判断方法:

if(value.length == 0){

也可以通过判断是说有没有子节点?对于html获取的方法可用

$('#list').children().length === 0 。

方法一

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<script type="text/javascript" src="http://m.jb51.net/skin/mobile/js/jquery.min.js"></script>

<div><ul id="thelist2">

<li><a href="https://m.jb51.net/game/140209.html"><img src="//img.jbzj.com/do/uploads/litimg/140228/100331632c.jpg">天天飞车航哥破解版</a><em class="xj star5"></em></li>

<li><a href="https://m.jb51.net/game/143515.html"><img src="//img.jbzj.com/do/uploads/litimg/140314/0944332514F.jpg"> 节奏大师全P破解版</a><em class="xj star6"></em></li>

<li><a href="https://m.jb51.net/game/207971.html"><img src="//img.jbzj.com/do/uploads/litimg/140821/11594R51423.gif">海岛奇兵国服内购破解版</a><em class="xj star5"></em></li>

<li><a href="https://m.jb51.net/game/144709.html"><img src="//img.jbzj.com/do/uploads/litimg/140318/161504236013.gif">天天炫斗破解版</a><em class="xj star5"></em></li>

<li><a href="https://m.jb51.net/game/80896.html"><img src="//img.jbzj.com/do/uploads/litimg/130503/1J21Va46.jpg">完美女友完整版</a><em class="xj star5"></em></li>

</ul>

<div><ul id="thelist3"></ul>

<script>

alert($('#thelist2').children().length)

alert($('#thelist3').children().length)

$thelist3 = $('#thelist3');

if($thelist3.children().length==0){

//插入广告

}

/*

thel3con = $('#thelist3').html();

alert(thel3con.length);

if(thel3con=""){

alert("空");

}else{

alert("非空");

}

*/

</script>

方法二、

1

2

3

4

5

6

String.prototype.isEmpty = function () {

 var s1 = this.replace(/[\r\n]/g, '').replace(/[ ]/g, ''),

   s2 = (s1 == '') ? true : false;

 return s2;

};

$list.html().isEmpty();

if( $("#list").html() === "" ){} 用三个等号更符合

jquery判断元素内容是否为空的方法相关推荐

  1. jquery 判断元素内容是否为空

    $(".speak-local").html().isEmpty() 转载于:https://www.cnblogs.com/ch-zaizai/p/6265276.html

  2. html点击显示隐藏判断,jquery判断元素是否隐藏的多种方法

    第一种:使用CSS属性 var display =$('#id').css('display'); if(display == 'none'){ alert("被你发现了,我是隐藏的啦!&q ...

  3. jQuery 判断元素是否存在

    前言 jQuery v3.5.1 jQuery 查找元素 比如查找某个input元素$("input[name='email']"). 示例: <html> <h ...

  4. jquery判断元素是否隐藏的多种方法

    第一种:使用CSS属性 复制代码 代码如下: var display =$('#id').css('display'); if(display == 'none'){    alert("被 ...

  5. html if 隐藏元素,jquery判断元素是否隐藏?

    这篇文章主要介绍了jquery判断元素是否隐藏的多种方法,需要的朋友可以参考下. jquery判断元素是否隐藏? 1.首先获取需要判断的元素var node = $('#id'); 2.然后使用jqu ...

  6. Jquery 获取元素内容

    语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var ...

  7. Jquery判断元素是否隐藏:display属性状态值

    很多时候,我们都要判断元素当前是否处于显示或隐藏状态.Jquery通过判断元素display属性状态值来实现"判断当前操作元素是否显示还是隐藏",实现方法主要使用Jquery提供的 ...

  8. jQuery 判断元素是否在屏幕可见区域内

    前言 人眼可见区域(document.body.clientWidth,document.body.clientHeight) 网页可见区域(document.documentElement.clie ...

  9. jQuery判断元素是否显示与隐藏

    jQuery判断一个元素是显示还是隐藏,jQuery使用is()方法来判断一个元素是否显示,反之则为隐藏 核心代码 if($("#username").is(":hidd ...

最新文章

  1. 创新工场有哪些失败项目?不要只看着成功
  2. 生成多文件的Assembly 的两种方法
  3. 如何在网站上同步查看BCH数据
  4. WPF快速入门系列(8)——MVVM快速入门
  5. matlab命名文件保存在哪里,用Matlab给整个文件夹下的文件分别重命名
  6. 《剑指offer》——03. 数组中重复的数字——HashSet、哈希思想——java实现
  7. [剑指offer][JAVA]面试题[51][数组中的逆序对][归并排序]
  8. 凸优化第二章凸集 2.1 仿射集合和凸集
  9. 数据结构(C语言版清华严蔚敏)
  10. 第五章:物理网络层概述
  11. http请求417错误
  12. android 实现自动拍照,android实现定时拍照功能
  13. ent orm笔记2---schema使用(上)
  14. eclipse使用性能剖析工具TPTP的较好方案
  15. 计算机认识新朋友教案,认识新朋友教案
  16. office 论文 页码_毕业论文word里面怎么弄以下这些页码?第一页不显示。 第二三页是I II ,四页开始以下是1234。求详细方法...
  17. Konga面板接入LDAP踩坑实战
  18. LM2596,LM2576,LM2575的差别
  19. 微信小程序使用键盘搜索功能
  20. [JVM]了断局: 说什么也没用,背就完了[必背]

热门文章

  1. 微软搜索战略全盘革新 计划数月内发布“Kiev”
  2. php onlyoffice,快速增长的ONLYOFFICE平台带来重大更新以响应用户需求
  3. android 软电话 开发包-JNI 封装 SIP 协议,可进行二次开发应用于VOIP
  4. LCEDA-国产PCB设计工具
  5. C语言:str函数(一)
  6. 醉林疯的PTA 7-2 换硬币 (20分)
  7. Eclipse JDT-简介
  8. 我为什么不挣钱也要写公众号
  9. 记事本app TOP5(个人观点)
  10. go学习 --- go协程