jquery判断ID是否存在,不存在则自动创建的方法及在线实例演示推荐 亲测 原创


  • :
  • 03-21 12:23
  • :
  • 24次
  • :
  • 0条
  • 3赞

简介本文讲的是一个非常有用的jquery里判断ID是否存在,不存在则自动创建的方法和技巧,不需要用if语句来判断,是个很有用的技巧。

以前站长写过一篇在jquery里判断某个ID的标签是否存在的方法,大家可以点下面的链接查看:

jquery里判断某个ID的HTML标签是否存在的方法[亲测]

本文讲的是在实际应用中的一个常用技巧:判断某个ID的标签是否存在,不存在则自动创建。

正常情况下,我们要实现这样的目的,肯定会用到if语句,然后结合上面文章里jquery判断ID是否存在的方法来进行判断,但是站长在这里和大家分享一个更简单的方法和技巧,不需要用if语句来进行判断,下面是具体的jquery代码:

var Info=$("#Info")[0]?$("#Info"):$("<div id='Info'></div>").appendTo($("body"));


下面站长来给大家解释一下上面这句代码中所涉及到的知识技巧点:

第一:$("#Info")[0]  这一句,是把jquery对象转换成了js对象,这样就能判断这个ID的标签是否存在了,具体可以参考本文开头链接里的那篇介绍jquery里判断ID是否存在的方法的文章。

第二:用到了js里的逻辑语句,js里的逻辑语句有常见的三种:

var a=b?b:c;
//这一种相当于if语句的简写模式
//意思就是如果b为true,则返回后面冒号前的对象,否则就返回冒号后面的部分

var a = b || c;
//这一句解释起来的话,有点类似我们中文里的“或”的意思,
//a等于b或者c,如果b为true就为b,b为false就为c;

var a = b && c;
//这一句用我们中文里的话来解释的话,就是“并且”的意思,
//当b和c都为true时,a才会true,其它的情况下,b和c只要有一个为false,a都为false


第三:
用到了jquery里的一个内置函数:appendTo,我们使用appendTo添加完具体的标签后,返回的还是这个标签的jquery对象。

而我们的目的就是判断完网页里是否存在这个ID的标签后,获取这个标签的jquery对象,所以我们不能用上面逻辑语句中的第二种,因为第二种返回的是js对象。

下面是完整的在线实例演示:

jquery判断id是否存在,不存在则自动创建的在线实例演示



您正在找的文章可能是: