JQuery判断HTML元素是否存在的两种解决方法
在工作中遇到这么一种情况,页面部分HTML元素是通过服务端语言根据不同情况控制显示不同内容的,然而在同一个页面某些情况在DOM准备好后需要用到Ajax跟服务端通讯,而有些情况不需要,那么我只想在页面存在我指定的HTML标记的时候我才触发Ajax部分,毕竟这样可以减轻服务器的负担,废话一大堆,转入正题:
其实解决JQuery判断元素是否存在的问题,方法很简单:
if($("#abc").length >0) { ... }
if($("#abc").html() != "") { ... }
如上两种方式都可以判断html文档是否存在我们想要的元素,之前试过用$("#abc") != null / !$("#abc") / $.find("#abc") ..... 结果不行,因为无论元素是否存在都会返回Object的,那我暂时就用上面两种方法之一解决了问题,具体有没有更好的办法,有待发掘……
相关推荐
-
JS/jQuery判断DOM节点是否存在的简单方法
JS原生判断DOM节点是否存在页面中 JavaScript原生函数没有提供判断DOM节点是否存在方法,我们通常获取DOM节点几乎都是document.getElement..方法,会返回一个object数组合集,我们可以通过object[0],object[1]这样来访问这个合集的每一个对象.既然返回的是数组合集,那么就有length属性,而length大于等于1即表示DOM节点存在页面中 代码: Object.prototype.exist = function(){ if(typeof th
-
jQuery判断指定id的对象是否存在的方法
jQuery判断指定id的对象是否存在,只需要判断对象的length是否大于0即可. 示例: 正确的判断写法如下: if($("#object_id").length>0) { alert('对象存在'); } else { alert('对象不存在'); } 或者直接使用原生的 Javascript 代码来判断: if(document.getElementById("id")) { alert('对象存在'); } else { alert('对象不存在'
-
jQuery 判断页面元素是否存在的代码
例如: 复制代码 代码如下: document.getElementById("someID").innerText("hi"); 如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null 正确的写法应该是: 复制代码 代码如下: obj = document.getElementById("someID&quo
-
JQuery判断HTML元素是否存在的两种解决方法
在工作中遇到这么一种情况,页面部分HTML元素是通过服务端语言根据不同情况控制显示不同内容的,然而在同一个页面某些情况在DOM准备好后需要用到Ajax跟服务端通讯,而有些情况不需要,那么我只想在页面存在我指定的HTML标记的时候我才触发Ajax部分,毕竟这样可以减轻服务器的负担,废话一大堆,转入正题: 其实解决JQuery判断元素是否存在的问题,方法很简单: if($("#abc").length >0) { ... } if($("#abc").html()
-
jquery与js函数冲突的两种解决方法
如果您还有别的要求,想继续使用原先的$(),同时还需要与别的类库不冲突的话,还有两种解决方法 其一: 复制代码 代码如下: jQuery.noConflict(); jQuery(function($) { $("p").click(function() //在函数内继续可以使用jquery类库的$()方法 { alert($(this).text()); }) }) var JsCOM_cr = $("cr"); // 在函数外面,照样可以使用JsCOM.js的$
-
基于jquery trigger函数无法触发a标签的两种解决方法
起因:点击icon图标后要触发a标签的链接转跳动作,但是用 JQ 的 $('#a').trigger('click') 居然不起作用,遂百度之,总结两种方法如下: (原因:JQ 的 trigger() 方法确实无法触发 a 标签的转跳动作.) 1:JQ 方法: 对目标 a 标签内部新增一个 span 标签 ,然后给 span 标签绑定 trigger('click') 事件. $('#a').html('<span></span>').children().trigger('cli
-
PL/SQL Developer过期的两种解决方法
方法一: 1.首先,登陆PL/SQL Developer,PL/SQL Developer要到期了 2.输入指令"regedit"打开注册表,如图所示 3.然后,在注册表里按HKEY_CURRENT_USER\Software\Allround Automations 这个路径找到"Allround Automations ",然后删除它. 4.删除上一步中的后,在找到HKEY_CURRENT_USER\Software\Microsoft\Security,删除&
-
JavaScript监听手机物理返回键的两种解决方法
JavaScript没有监听物理返回键的API,所以只能使用 popstate 事件监听. 有两个解决办法: 1.返回到指定的页面 pushHistory(); window.addEventListener("popstate", function(e) { window.location = 'http://www.baidu.com'; }, false); function pushHistory() { var state = { title: "title&quo
-
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
方法一:(伪装form表单提交) linkredwin = function(A,B,C,D,E,F,G){ var formredwin = document.createElement("form"); formredwin.method = 'POST'; document.body.appendChild(formredwin); formredwin.action = "http://www.A.com/A.wiki?A=" +encodeURI(A) +
-
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
这是一个小bug,解决方法有两种:根据做的东西不同选择不同的 <ion-nav-bar class="bar-positive"> <ion-nav-back-button class="button-icon ion-arrow-left-c"> </ion-nav-back-button> <h2>helloafds</h2> </ion-nav-bar> <ion-header-ba
-
C#实体对象序列化成Json并让字段的首字母小写的两种解决方法
引言:最近在工作中遇到与某些API对接的post的数据需要将对象的字段首字母小写. 解决办法有两种: 第一种:使用对象的字段属性设置JsonProperty来实现(不推荐,因为需要手动的修改每个字段的属性) public class UserInfo { [JsonProperty("id")] public int Id{ set; get; } [JsonProperty("userName")] public string UserName{ set; get
-
PL/SQL Developer过期的两种解决方法
方法一: 1.首先,登陆PL/SQL Developer,PL/SQL Developer要到期了 2.输入指令“regedit”打开注册表,如图所示 3.然后,在注册表里按HKEY_CURRENT_USER\Software\Allround Automations 这个路径找到“Allround Automations ”,然后删除它. 4.删除上一步中的后,在找到HKEY_CURRENT_USER\Software\Microsoft\Security,删除“Security”. 5.这时
-
java.util.NoSuchElementException原因及两种解决方法
java输入流报错: Exception in thread "main" java.util.NoSuchElementException at java.base/java.util.Scanner.throwFor(Unknown Source) at java.base/java.util.Scanner.next(Unknown Source) at java.base/java.util.Scanner.nextInt(Unknown Source)
随机推荐
- 使用批处理实现启动和停止服务的代码分析(net start&net stop)
- react native中的聊天气泡及timer封装成的发送验证码倒计时
- js运动框架_包括图片的淡入淡出效果
- jQuery中$.ajax()方法参数解析
- ASP编程入门进阶(十七):FSO组件之文件夹操作
- c#使用Dataset读取XML文件动态生成菜单的方法
- Android RecyclerView的Item自定义动画及DefaultItemAnimator源码分析
- Android SharedPreferences实现记住密码和自动登录界面
- JavaScript错误处理
- Javascript实现视频轮播在pc端与移动端均可
- 执行Insert Exec时的隐藏开销 分析
- JavaScript事件学习小结(三)js事件对象
- Android ListView常用小技巧汇总
- android异步请求服务器数据示例
- vue异步加载高德地图的实现
- Android开发之React Navigation 导航栏样式调整+底部角标消息提示
- 浅谈Python小波分析库Pywavelets的一点使用心得
- flutter InkWell实现水波纹点击效果
- node.js实现简单的压缩/解压缩功能示例
- iOS中的线程死锁实例详解