当前位置:首页 > jQuery技术文章 > jQuery检测某个元素是否存在代码分享

关于jQuery检查某个元素是否存在代码

  • 发布时间:
  • 作者:码农之家原创
  • 点击:109

这篇文章主要知识点是关于jQuery、检测元素、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

jQuery UI开发指南
  • 类型:前端开发大小:6.02 MB格式:PDF作者:Eric Sarrion
立即下载

jQuery检测某个元素是否存在代码分享

代码中可能有这样的情况,根据元素是否存在来执行不同的操作,这样就需要判断指定的元素是否存在。

使用$(selector)可以获得匹配元素集合,而匹配元素集合的length属性可以获得集合中匹配元素的个数,所以只要判断length属性值是否为零,就可以判断元素是否存在。代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>码农之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#check").click(function(){
  if($(".mytest").length>0){
   alert("此元素存在");
  }
 })  
})
</script>
<body>
<ul>
 <li>太阳出来了</li>
 <li>码农之家</li>
 <li class="mytest">div+css教程</li>
</ul>
<button id="check">点击检测</button>
</body>
</html>

如果集合中元素的数量大于零,那么元素存在,否则指定元素不存在。

以上所述就是本文的全部内容了,希望大家能够喜欢

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

推荐内容

idea2020注册激活码(激活到2100年)

实例分析Java实现的zip压缩及解压缩工具类

python3 pandas 如何读取MySQL数据和插入

ThinkPHP3.2.3框架如何实现分页功能

深入理解JS函数stack size计算方法

展开 +

收起 -

jQuery 相关电子书
学习笔记
网友NO.494423

JQuery对表单元素的基本操作使用总结

select下拉列表onChange事件之JQuery实现: JQuery: $(document).ready(function () { $("#selectMenu").bind("change", function () { if ($(this).val() == "pro1") { $("#pro1").slideDown(); $("#pro2").slideUp(); } else if($(this).val() =="pro2") { $("#pro2").slideDown(); $("#pro1").slideUp(); } }); }); HTML: select id="selectMenu" option value="" Please select product below/option option value="pro1"Product 1/option option value="pro2"Product 2/option /select //1.jQuery对select的基本操作 $("#select_id").change(function(){ //code...}); //为Select添加事件,当选择其中一项时触发 var checkValue=$("#select_id").val(); //获取Select选择的Value var checkValue = $('.formc select[@name="country"]').val(); //得到下拉菜单name=country的选中项的值 var checkValue=$("#select_id").val().join(","); //获取select多选(multiple="true"时候) 的value var checkText = $("#select_id").find("option:selected").text(); //获取Select选择的Text var checkText = $("se……

网友NO.469369

jQuery 删除/替换DOM元素的几种方式

删除 删除操作非常简单,直接在结果集后链式调用remove()方法即可。 例如,要删除以下html脚本中所有的a元素,直接通过 $('a'.remove(); 就可以做到了。 h3Anchors/h3 a href="#" class="remove"Anchor Element/a a href="#"Anchor Element/a a href="#" class="remove"Anchor Element/a 当然也可以通过向remove传参的形式来过滤选择结果,然后再执行remove操作。 $('a').remove('.remove'); 需要注意的是 remove操作并不会把符合条件的元素从结果集中删除,所以理论上可以继续操作被"删除"掉的元素 remove操作不但会“删除”元素与所有元素相关的数据也会被删除(event handlers、internally cached data) 替换 如果想要把class为remove的li元素替换为liremoved/li,可以使用以下两种等价的方法 $('li.remove').replaceWith('liremoved/li); $('liremoved/li;).replaceAll('li.remove'); ……

网友NO.559208

jquery遍历select元素(实例讲解)

本篇文章提供一款jquery遍历select教程代码,主要是利用了$("#%=ddl_xreg_id.clientid% option").each(function() {形式来each遍历一次,这样所有的select就给查询了一次。 script src="jquery-1.2.1.js" type="text/网页特效"/script script language="javascript" type="text/javascript" $(document).ready(function(){ $("#selecttest").change(function() { //alert("hello"); //alert($("#selecttest").attr("name")); //$("a").attr("href","xx.html"); //window.location.href="xx.html"; //alert($("#selecttest").val()); alert($("#selecttest option[@selected]").text()); $("#selecttest").attr("value", "2"); }); }); /script a href="#"aaass/a !--下拉框-- select id="selecttest" name="selecttest" option value="1"11/option option value="2"22/option option value="3"33/option option value="4"44/option option value="5"55/option option value="6"66/option /select 方法二 function autoscrollregion() { var reg_name = $("#%=txt_reg_name.clientid%").val(); $("#%=ddl_xreg_id.clienti……

网友NO.273034

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(':visible')){ //如果node是显示的则隐藏node元素,否则显示 node.hide();}else{ node.show();} 以上这篇jQuery判断元素是否显示 是否隐藏的简单实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。 ……

<
1
>

电子书 编程教程 文档 软件 源码 视频

Copyright 2018-2020 xz577.com 码农之家

本站所有电子书资源不再提供下载地址,只分享来路

免责声明:网站所有作品均由会员网上搜集共同更新,仅供读者预览及学习交流使用,下载后请24小时内删除

版权投诉 / 书籍推广 / 赞助:QQ:520161757