jQuery检查元素存在性(推荐)
javascript检查元素存在性:即使这个元素被删除了,也不担心javascript代码报错;
jquery检查元素存在性:
代码如下:
if(!document.getElementById("preview")) return false;
jquery $(“#preview”)获取的永远是对象,即使网页上没有此元素。
不能使用以下代码:
if($("#preview"){ //do something }
因此要用jquery检查某个元素在网页上是否存在时,应该根据获取到元素的长度来判断。
代码如下:
if($("#preview").length>0){ //do something }
以上所述是小编给大家介绍的jquery检查元素存在性的核心代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的。
相关推荐
-
jquery中获取id值方法小结
复制代码 代码如下: <div id="product_shift_out_{m}"> </div><script language = "JavaScript" type="text/javascript">$(document).ready(function(){name = $('div').eq(0).attr('id');alert(name)});</script> eq(0)是取第一个
-
JQuery上传插件Uploadify使用详解及错误处理
什么是Uploadify Uploadify是JQuery的一个上传插件,支持多文件上传,实现的效果非常不错,带进度显示. 官网提供的是PHP的DEMO,在这里我详细介绍在Asp.net下的使用. 下载 官方下载 官方文档 官方演示 我们提供的Uploadify下载地址 如何使用 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中 2 在项目中添加UploadHandler.ashx文件用来处理文件的上传. 3 在项目中添加UploadFile文
-
jQuery中ajax的4种常用请求方式介绍
AJAX 是一种与服务器交换数据的技术,可以在补充在整个页面的情况下更新网页的一部分. jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项见下. 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml"). 实例: 保存数据到服务器,成功时显示信息. $.aj
-
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
本文实例讲述了jQuery autoComplete插件两种使用方式及动态改变参数值的方法.分享给大家供大家参考,具体如下: 一.一次加载.多次使用: 前端JS代码: /*客户名称自动匹配*/ function customerAutoComplete(){ $.ajax({ type:"GET", url:encodeURI("/approvalajax/salesOrderApproval_findCustomerList"), dataType:"j
-
jQuery插件实现可输入和自动匹配的下拉框
实现可输入+带自动匹配功能的下拉框,我试过以下几种方法: 1.直接使用h5的新标签<datalist>,对应demo如下: <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option val
-
jQuery+json实现动态创建复杂表格table的方法
本文实例讲述了jQuery+json实现动态创建复杂表格table的方法.分享给大家供大家参考,具体如下: function SetSubTable() { var obj = jQuery.parseJSON($("#SubJsonStrValue").val()); window.ALLPARAMTERS = obj; var row_str = ""; var span_num = 1 for (var i = 0; i < obj.length; i+
-
jQuery 检查某个元素在页面上是否存在实例代码
最近做项目,有这么个功能用jQuery检查某个元素在网页上是否存在,这里记录下,也许能帮助正在读文章的朋友. 用jQuery检查某个元素在网页上是否存在时,应该根据获取元素的长度来判断,代码如下: if($("#tt").length > 0) { //元素存在时执行的代码 } 具体原因如下: 在JavaScript中,我们在使用传统的getElementById()和getElementsByTagName()时,如果在网页中找不到相关元素,那么浏览器就会报错,影响后续代码的执
-
JQuery datepicker 使用方法
官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/. 一个不错的地址,用来DIY jQuery UI界面效果的站点http://jqueryui.com/themeroller/ DatePicker基本使用方法: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <link href="http://a
-
jQuery检查元素存在性(推荐)
javascript检查元素存在性:即使这个元素被删除了,也不担心javascript代码报错: jquery检查元素存在性: 代码如下: if(!document.getElementById("preview")) return false; jquery $("#preview")获取的永远是对象,即使网页上没有此元素. 不能使用以下代码: if($("#preview"){ //do something } 因此要用jquery检查某个元
-
JavaScipt选取文档元素的方法(推荐)
摘自JavaScript权威指南(jQuery根据样式选择器查找元素的终极方式是 先用getElementsByTagName(*)获取所有DOM元素,然后根据样式选择器对所有DOM元素进行筛选) 选取文档元素的方法: 1.通过ID选取元素(getElementById) 1)使用方法:document.getElementById("domId") 其中,domId为要选取元素的id属性值 2)兼容性:低于IE8版本的IE浏览器对getElementById方法的实现
-
jQuery验证元素是否为空的两种常用方法
本文实例讲述了jQuery验证元素是否为空的两种常用方法.分享给大家供大家参考.具体如下: 下面提供了两种方法用于检查指定id的元素的内容是否为空 // 方法一 if (!$('#jb51').html()) { //http://www.jb51.net 什么都没有找到; } // 方法二 if ($('#jb51').is(":empty")) { //http://www.jb51.net 什么都没有找到; } 希望本文所述对大家的jQuery程序设计有所帮助.
-
jQuery遍历节点方法汇总(推荐)
1.children()方法:$('div').children()---遍历查找div元素的所有子元素节点 <p>Hello</p> <div> <span>Hello Again</span> <p class="box">您好!</p> </div> <p>And Again</p> <script type="text/javascript&q
-
概述jQuery的元素筛选
1.eq() 筛选指定索引号的元素 2.first() 筛选出第一个匹配的元素 3.last() 筛选出最后一个匹配的元素 4.hasClass() 检查匹配的元素是否含有指定的类 5.filter() 筛选出与指定表达式匹配的元素集合 6.is() 检查元素是否参数里能匹配上的 7.map() 8.has() 筛选出包含指定子元素的元素 9.not() 排除能够被参数中匹配的元素 10.slice() 从指定索引开始,截取指定个数的元素 11.children() 筛选获取指定元素的资源
-
jQuery判断元素是否显示 是否隐藏的简单实现代码
jQuery判断元素是否显示 是否隐藏的简单实现代码 var node=$('#id'); 第一种写法 if(node.is(':hidden')){ //如果node是隐藏的则显示node元素,否则隐藏 node.show(); }else{ node.hide(); } 第二种写法 if(!node.is(':visible')){ //如果node是隐藏的则显示node元素,否则隐藏 node.show(); }else{ node.hide(); } if(node.is(':visib
-
JQuery 的跨域方法推荐_可跨任何网站
因发现有不少博友发园内短信问及JS的跨域问题,我想很多程序员的脑海里面还认为JS是不能跨域的,其实这是一个错误的观点:有很多人在网上找其解决方法,教其用IFRAME去解决的文章很多,真有那么复杂吗?其实很简单的,如果你用JQUERY,一个GETJSON方法就搞定了,而且是一行代码搞定. 下面开始贴出方法. //跨域(可跨所有域名) $.getJSON("http://user.hnce.com.cn/getregion.aspx?id=0&jsoncallback=?",fun
-
jquery中子元素和后代元素的区别示例介绍
今天学习jQuery的选择器: jQuery选择器分为基本选择器.层次选择器.过滤选择器.表单选择器. 基本选择器:id,class,标签名,*,元素组合(div,span,p.myClass) 层次选择器: 难点: jquery中子元素和后代元素的区别 后代,就是当前元素的所有后代,都算, 子元素,就是当前元素的子集,再往下走就不算了. 具体的分析可以参考: 复制代码 代码如下: <div>This is <strong>very</strong> important
-
解决jquery appaend元素中id绑定事件失效的问题
1. 在jquery中append元素,如果该元素中有id值并且绑定事件,那么该id事件会失效,必须刷新一下才能使用. 2.解决办法: 举例:如果在一个<div class="title"></div>中,通过append添加一个id="demo"的按钮,常用的直接$("Selector").on("eventType",function(){})监听事件函数不起作用,例如该按钮的点击监听事件应该这样写
随机推荐
- PHP下利用header()函数设置浏览器缓存的代码
- Linux下用SSH退出符切换SSH会话的实现方法
- 详解springmvc控制登录用户session失效后跳转登录页面
- 浅谈javascript基础之客户端事件驱动
- Form表单上传文件(type="file")的使用
- js获取字符串字节数方法小结
- 分析Python的Django框架的运行方式及处理流程
- php 3行代码的分页算法(求起始页和结束页)
- PHP和JavaScrip分别获取关联数组的键值示例代码
- 一个层慢慢增高展开,有种向下滑动的效果
- 如何判断你的电脑是否含病毒
- flex 控件的重要属性
- C++中变量的类型与作用域学习教程
- Python continue语句用法实例
- Java 反射机制详解及实例
- 注册表Win2000安全设置—注册表使用全攻略之十六
- 用PHP来计算某个目录大小的方法
- php防注
- 关于Swift 4.1中的Codable改进详解
- Python堆排序原理与实现方法详解