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); //bijian
var 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>
相关推荐
当你调用这个函数，例如 `$(‘name_input’).val()`，它会执行函数内的逻辑，找到对应的DOM元素（在这个例子中是id为`name_input`的元素），并返回一个 jQuery 对象。这个对象具有 `val` 方法，可以用来获取或设置...
还有其他方式，如`$("#msg").eq(0)[0]`、`$("#msg").get(0)`或`$("td")[5]`，都是从jQuery对象获取DOM元素的方法。 jQuery提供了丰富的API，使得操作DOM变得简单。例如，`html()`方法可以用于获取或设置元素的HTML...
通过 `$()` 获取到的对象实际上是 jQuery 对象，这些对象封装了一些特定的方法，不同于 DOM 对象的方法。因此，在使用时需要注意区别。 #### 二、jQuery 对象与 DOM 对象的转换 在 jQuery 中，DOM 对象和 jQuery ...
jQuery对象使用jQuery封装的方法和属性，如attr()、val()、text()、click()等。 3. 事件绑定不同。DOM对象使用传统的方法如element.onclick来绑定事件；jQuery对象则使用如$(element).click()等jQuery封装的事件...
- `$.extend(prop)` - 扩展jQuery对象，添加新的方法或属性。 - `jQuery( expression, [context] )` - 选择元素，`expression`是选择器，`context`是可选的上下文元素。 13. **遍历函数**： - `each( callback )...
ES5 Array.reduce 方法作为 jQuery 函数的实现，它可以对数组和常规对象进行操作，并且受旧的、不支持 ES5 的浏览器（例如 IE8-）支持 加上一个 jQuery 插件，用于对 jQuery 对象执行数组缩减 示例用法 return prev...
需要注意的是，$()返回的是一个jQuery对象（也就是一个集合对象），它不能直接调用DOM对象所定义的方法。例如，使用$('#msg')来获取id为msg的元素。如果要操作DOM对象的方法，可以先将jQuery对象转换为DOM对象。比如...
在本篇教程中，将要着重介绍如何在JavaScript中重写jQuery对象中的val()方法。这个方法原本是用于获取或设置表单元素的value属性。然而，通过重写，我们可以扩展其功能，使其能够读取和设置自定义HTML属性（data-*）...
`jQuery.fn`（即`jQuery.prototype`）存放可作用于jQuery对象的方法，而`jQuery`本身则包含静态方法和全局配置。 总结来说，jQuery的精髓在于提供了一种统一的、高效的接口来处理DOM操作，简化了JavaScript的复杂性...
当使用jQuery选择器选取多个元素时，返回的结果是一个包含这些元素的jQuery对象集合。若需要访问集合中的特定元素，则可以使用`eq()`方法、`get()`方法或直接通过索引访问。需要注意的是，`eq()`返回的是jQuery对象...
5. **遍历与修改元素属性：** 使用`.each()`方法可以遍历jQuery对象集合，对每个元素进行操作，如设置或获取属性： ```javascript $('input[type="radio"]').each(function() { if ($(this).val() === 'option1')...
2. **jQuery对象与DOM对象的转换**：只有jQuery对象能使用jQuery的方法。要将DOM对象转换为jQuery对象，可以使用`$(DOMElement)`。相反，要从jQuery对象中获取DOM元素，可以使用索引（如`[0]`）或`eq(index)`、`get...
3. 链式调用：jQuery对象是可链式调用的，这意味着一个方法调用的结果仍然是一个jQuery对象，可以继续调用其他方法，如$(“p”).addClass(“highlight”).css(“color”, “red”);。 二、事件处理 jQuery简化了...
例如，.each()方法用于遍历jQuery对象集合，并对每个元素执行一个函数；.click()方法用于为集合中的每个元素绑定点击事件。 6. 扩展我们需要的功能：jQuery允许开发者扩展其功能，通过$.extend()方法可以添加自定义...
使用 $(document) 将 DOM 元素 document 转化为 jQuery 对象，并调用 ready 方法指定 DOM 加载就绪时执行的函数。 ### jQuery 对象与 DOM 对象的转换 jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象，...
### JQUERY 常用方法大全 #### 一、Attribute... - **用途**：扩展jQuery对象的方法。 - **示例**： ```javascript $.extend({ min: function(a, b) { return a ; }, max: function(a, b) { return a > b ? a ...