JQuery对象的val()方法执行结果分析-技术博客集

JQuery对象的val()方法执行结果分析
编程技术 / houtizong 发布于 3年前 100

JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。

实例如下：

<!doctype html><html lang="en"><head><meta charset="utf-8" /><title>jQuery UI Accordion - Collapse content</title><link rel="stylesheet" href="lib/ui/1.10.2/themes/jquery-ui.css"><script src="lib/jquery/jquery-1.9.1.js"></script><script>$(function() {var test1 = $("#test1").val();alert(test1);//bijianvar test2 = $("#test2").val();alert(test2);//""var test3 = $("#test3").val();alert(test3);//undefined});</script></head><body><input id="test1" type="text" value="bijian"/><input id="test2" type="text"/></body></html>

上一篇：解决SimpleDateFormat的线程不安全问题的方法

下一篇：多线程基础知识

请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！

<div  >  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。</p>  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong>实例如下：</strong></p>  <pre class="html" name="code">&lt;!doctype html&gt;&lt;html lang=&quot;en&quot;&gt;&lt;head&gt;&lt;meta charset=&quot;utf-8&quot; /&gt;&lt;title&gt;jQuery UI Accordion - Collapse content&lt;/title&gt;&lt;link rel=&quot;stylesheet&quot; href=&quot;lib/ui/1.10.2/themes/jquery-ui.css&quot;&gt;&lt;script src=&quot;lib/jquery/jquery-1.9.1.js&quot;&gt;&lt;/script&gt;&lt;script&gt;$(function() {var test1 = $(&quot;#test1&quot;).val();alert(test1);//bijianvar test2 = $(&quot;#test2&quot;).val();alert(test2);//&quot;&quot;var test3 = $(&quot;#test3&quot;).val();alert(test3);//undefined});&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;input id=&quot;test1&quot; type=&quot;text&quot; value=&quot;bijian&quot;/&gt;&lt;input id=&quot;test2&quot; type=&quot;text&quot;/&gt;&lt;/body&gt;&lt;/html&gt;</pre>  <p>&nbsp;</p> </div>

留言需要登陆哦

技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];

文章归档

文章标签

友情链接